#5EAE5E - #D1E7D1 | 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 #5EAE5E a #D1E7D1

#5EAE5E #D1E7D1

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

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

0.0%	0.0% #5EAE5E	RGB 94 174 94	#5EAE5E
16.7%	16.7% #71B771	RGB 113 183 113	#71B771
33.3%	33.3% #84C184	RGB 132 193 132	#84C184
50.0%	50.0% #97CA97	RGB 151 202 151	#97CA97
66.7%	66.7% #AAD4AA	RGB 170 212 170	#AAD4AA
83.3%	83.3% #BDDDBD	RGB 189 221 189	#BDDDBD
100.0%	100.0% #D1E7D1	RGB 209 231 209	#D1E7D1

#5EAE5E #71B771 #84C184 #97CA97 #AAD4AA #BDDDBD #D1E7D1

#5EAE5E - #D1E7D1

Mezcla HSV

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

0.0%	0.0% #5EAE5E	RGB 94 174 94	#5EAE5E
16.7%	16.7% #6EB76E	RGB 110 183 110	#6EB76E
33.3%	33.3% #7FC17F	RGB 127 193 127	#7FC17F
50.0%	50.0% #92CA92	RGB 146 202 146	#92CA92
66.7%	66.7% #A6D4A6	RGB 166 212 166	#A6D4A6
83.3%	83.3% #BADDBA	RGB 186 221 186	#BADDBA
100.0%	100.0% #D1E7D1	RGB 209 231 209	#D1E7D1

#5EAE5E #6EB76E #7FC17F #92CA92 #A6D4A6 #BADDBA #D1E7D1

#5EAE5E - #92CA92 - #D1E7D1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EAE5E 0%, #92CA92 50%, #D1E7D1 100%);
    background: -webkit-linear-gradient(top, #5EAE5E 0%, #92CA92 50%, #D1E7D1 100%);
    background: linear-gradient(to bottom, #5EAE5E 0%, #92CA92 50%, #D1E7D1 100%);
}
</style>