#D3E5C7 - #8AC275 | 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 #D3E5C7 a #8AC275

#D3E5C7 #8AC275

Calcule el color entre dos colores, #D3E5C7 y #8AC275. 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)

#D3E5C7 - #8AC275 | 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 #D3E5C7 como 0% y #8AC275 como 100%.

0.0%	0.0% #D3E5C7	RGB 211 229 199	#D3E5C7
16.7%	16.7% #C6DFB9	RGB 198 223 185	#C6DFB9
33.3%	33.3% #BAD9AB	RGB 186 217 171	#BAD9AB
50.0%	50.0% #AED39E	RGB 174 211 158	#AED39E
66.7%	66.7% #A2CD90	RGB 162 205 144	#A2CD90
83.3%	83.3% #96C782	RGB 150 199 130	#96C782
100.0%	100.0% #8AC275	RGB 138 194 117	#8AC275

#D3E5C7 #C6DFB9 #BAD9AB #AED39E #A2CD90 #96C782 #8AC275

#D3E5C7 - #8AC275

Mezcla HSV

#D3E5C7 - #8AC275 | 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 #D3E5C7 como 0% y #8AC275 como 100%.

0.0%	0.0% #D3E5C7	RGB 211 229 199	#D3E5C7
16.7%	16.7% #C6DFB8	RGB 198 223 184	#C6DFB8
33.3%	33.3% #BAD9A9	RGB 186 217 169	#BAD9A9
50.0%	50.0% #AED39B	RGB 174 211 155	#AED39B
66.7%	66.7% #A2CD8E	RGB 162 205 142	#A2CD8E
83.3%	83.3% #96C781	RGB 150 199 129	#96C781
100.0%	100.0% #8AC275	RGB 138 194 117	#8AC275

#D3E5C7 #C6DFB8 #BAD9A9 #AED39B #A2CD8E #96C781 #8AC275

#D3E5C7 - #AED39B - #8AC275

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D3E5C7 0%, #AED39B 50%, #8AC275 100%);
    background: -webkit-linear-gradient(top, #D3E5C7 0%, #AED39B 50%, #8AC275 100%);
    background: linear-gradient(to bottom, #D3E5C7 0%, #AED39B 50%, #8AC275 100%);
}
</style>