#5EAA7C - #D9D4A8 | 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 #5EAA7C a #D9D4A8

#5EAA7C #D9D4A8

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

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

0.0%	0.0% #5EAA7C	RGB 94 170 124	#5EAA7C
16.7%	16.7% #72B183	RGB 114 177 131	#72B183
33.3%	33.3% #87B88A	RGB 135 184 138	#87B88A
50.0%	50.0% #9BBF92	RGB 155 191 146	#9BBF92
66.7%	66.7% #B0C699	RGB 176 198 153	#B0C699
83.3%	83.3% #C4CDA0	RGB 196 205 160	#C4CDA0
100.0%	100.0% #D9D4A8	RGB 217 212 168	#D9D4A8

#5EAA7C #72B183 #87B88A #9BBF92 #B0C699 #C4CDA0 #D9D4A8

#5EAA7C - #D9D4A8

Mezcla HSV

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

0.0%	0.0% #5EAA7C	RGB 94 170 124	#5EAA7C
16.7%	16.7% #68B173	RGB 104 177 115	#68B173
33.3%	33.3% #7BB974	RGB 123 185 116	#7BB974
50.0%	50.0% #97C180	RGB 151 193 128	#97C180
66.7%	66.7% #B1C98D	RGB 177 201 141	#B1C98D
83.3%	83.3% #C9D19A	RGB 201 209 154	#C9D19A
100.0%	100.0% #D9D4A8	RGB 217 212 168	#D9D4A8

#5EAA7C #68B173 #7BB974 #97C180 #B1C98D #C9D19A #D9D4A8

#5EAA7C - #97C180 - #D9D4A8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EAA7C 0%, #97C180 50%, #D9D4A8 100%);
    background: -webkit-linear-gradient(top, #5EAA7C 0%, #97C180 50%, #D9D4A8 100%);
    background: linear-gradient(to bottom, #5EAA7C 0%, #97C180 50%, #D9D4A8 100%);
}
</style>