#6FAD5E - #D5E7D1 | 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 #6FAD5E a #D5E7D1

#6FAD5E #D5E7D1

Calcule el color entre dos colores, #6FAD5E y #D5E7D1. 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)

#6FAD5E - #D5E7D1 | 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 #6FAD5E como 0% y #D5E7D1 como 100%.

0.0%	0.0% #6FAD5E	RGB 111 173 94	#6FAD5E
16.7%	16.7% #80B671	RGB 128 182 113	#80B671
33.3%	33.3% #91C084	RGB 145 192 132	#91C084
50.0%	50.0% #A2CA97	RGB 162 202 151	#A2CA97
66.7%	66.7% #B3D3AA	RGB 179 211 170	#B3D3AA
83.3%	83.3% #C4DDBD	RGB 196 221 189	#C4DDBD
100.0%	100.0% #D5E7D1	RGB 213 231 209	#D5E7D1

#6FAD5E #80B671 #91C084 #A2CA97 #B3D3AA #C4DDBD #D5E7D1

#6FAD5E - #D5E7D1

Mezcla HSV

#6FAD5E - #D5E7D1 | 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 #6FAD5E como 0% y #D5E7D1 como 100%.

0.0%	0.0% #6FAD5E	RGB 111 173 94	#6FAD5E
16.7%	16.7% #7DB66E	RGB 125 182 110	#7DB66E
33.3%	33.3% #8CC07F	RGB 140 192 127	#8CC07F
50.0%	50.0% #9DCA92	RGB 157 202 146	#9DCA92
66.7%	66.7% #AED3A6	RGB 174 211 166	#AED3A6
83.3%	83.3% #C1DDBA	RGB 193 221 186	#C1DDBA
100.0%	100.0% #D5E7D1	RGB 213 231 209	#D5E7D1

#6FAD5E #7DB66E #8CC07F #9DCA92 #AED3A6 #C1DDBA #D5E7D1

#6FAD5E - #9DCA92 - #D5E7D1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6FAD5E 0%, #9DCA92 50%, #D5E7D1 100%);
    background: -webkit-linear-gradient(top, #6FAD5E 0%, #9DCA92 50%, #D5E7D1 100%);
    background: linear-gradient(to bottom, #6FAD5E 0%, #9DCA92 50%, #D5E7D1 100%);
}
</style>