#618F5E - #E4D17C | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #618F5E a #E4D17C

#618F5E #E4D17C

Calcule el color entre dos colores, #618F5E y #E4D17C. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#618F5E - #E4D17C | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #618F5E como 0% y #E4D17C como 100%.

0.0%	0.0% #618F5E	RGB 97 143 94	#618F5E
16.7%	16.7% #769A63	RGB 118 154 99	#769A63
33.3%	33.3% #8CA568	RGB 140 165 104	#8CA568
50.0%	50.0% #A2B06D	RGB 162 176 109	#A2B06D
66.7%	66.7% #B8BB72	RGB 184 187 114	#B8BB72
83.3%	83.3% #CEC677	RGB 206 198 119	#CEC677
100.0%	100.0% #E4D17C	RGB 228 209 124	#E4D17C

#618F5E #769A63 #8CA568 #A2B06D #B8BB72 #CEC677 #E4D17C

#618F5E - #E4D17C

Mezcla HSV

#618F5E - #E4D17C | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #618F5E como 0% y #E4D17C como 100%.

0.0%	0.0% #618F5E	RGB 97 143 94	#618F5E
16.7%	16.7% #729D64	RGB 114 157 100	#729D64
33.3%	33.3% #86AB6A	RGB 134 171 106	#86AB6A
50.0%	50.0% #9DB96F	RGB 157 185 111	#9DB96F
66.7%	66.7% #B7C774	RGB 183 199 116	#B7C774
83.3%	83.3% #D5D578	RGB 213 213 120	#D5D578
100.0%	100.0% #E4D17C	RGB 228 209 124	#E4D17C

#618F5E #729D64 #86AB6A #9DB96F #B7C774 #D5D578 #E4D17C

#618F5E - #9DB96F - #E4D17C

Códigos CSS

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #618F5E 0%, #E4D17C 100%);
    background: -webkit-linear-gradient(top, #618F5E 0%, #E4D17C 100%);
    background: linear-gradient(to bottom, #618F5E 0%, #E4D17C 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #618F5E 0%, #9DB96F 50%, #E4D17C 100%);
    background: -webkit-linear-gradient(top, #618F5E 0%, #9DB96F 50%, #E4D17C 100%);
    background: linear-gradient(to bottom, #618F5E 0%, #9DB96F 50%, #E4D17C 100%);
}
</style>