#5E8E5E - #E2D07C | 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 #5E8E5E a #E2D07C

#5E8E5E #E2D07C

Calcule el color entre dos colores, #5E8E5E y #E2D07C. 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)

#5E8E5E - #E2D07C | 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 #5E8E5E como 0% y #E2D07C como 100%.

0.0%	0.0% #5E8E5E	RGB 94 142 94	#5E8E5E
16.7%	16.7% #749963	RGB 116 153 99	#749963
33.3%	33.3% #8AA468	RGB 138 164 104	#8AA468
50.0%	50.0% #A0AF6D	RGB 160 175 109	#A0AF6D
66.7%	66.7% #B6BA72	RGB 182 186 114	#B6BA72
83.3%	83.3% #CCC577	RGB 204 197 119	#CCC577
100.0%	100.0% #E2D07C	RGB 226 208 124	#E2D07C

#5E8E5E #749963 #8AA468 #A0AF6D #B6BA72 #CCC577 #E2D07C

#5E8E5E - #E2D07C

Mezcla HSV

#5E8E5E - #E2D07C | 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 #5E8E5E como 0% y #E2D07C como 100%.

0.0%	0.0% #5E8E5E	RGB 94 142 94	#5E8E5E
16.7%	16.7% #6F9C64	RGB 111 156 100	#6F9C64
33.3%	33.3% #83AA6A	RGB 131 170 106	#83AA6A
50.0%	50.0% #9AB86F	RGB 154 184 111	#9AB86F
66.7%	66.7% #B4C674	RGB 180 198 116	#B4C674
83.3%	83.3% #D2D478	RGB 210 212 120	#D2D478
100.0%	100.0% #E2D07C	RGB 226 208 124	#E2D07C

#5E8E5E #6F9C64 #83AA6A #9AB86F #B4C674 #D2D478 #E2D07C

#5E8E5E - #9AB86F - #E2D07C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8E5E 0%, #9AB86F 50%, #E2D07C 100%);
    background: -webkit-linear-gradient(top, #5E8E5E 0%, #9AB86F 50%, #E2D07C 100%);
    background: linear-gradient(to bottom, #5E8E5E 0%, #9AB86F 50%, #E2D07C 100%);
}
</style>