#D5E6A8 - #FAF3C6 | 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 #D5E6A8 a #FAF3C6

#D5E6A8 #FAF3C6

Calcule el color entre dos colores, #D5E6A8 y #FAF3C6. 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)

#D5E6A8 - #FAF3C6 | 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 #D5E6A8 como 0% y #FAF3C6 como 100%.

0.0%	0.0% #D5E6A8	RGB 213 230 168	#D5E6A8
16.7%	16.7% #DBE8AD	RGB 219 232 173	#DBE8AD
33.3%	33.3% #E1EAB2	RGB 225 234 178	#E1EAB2
50.0%	50.0% #E7ECB7	RGB 231 236 183	#E7ECB7
66.7%	66.7% #EDEEBC	RGB 237 238 188	#EDEEBC
83.3%	83.3% #F3F0C1	RGB 243 240 193	#F3F0C1
100.0%	100.0% #FAF3C6	RGB 250 243 198	#FAF3C6

#D5E6A8 #DBE8AD #E1EAB2 #E7ECB7 #EDEEBC #F3F0C1 #FAF3C6

#D5E6A8 - #FAF3C6

Mezcla HSV

#D5E6A8 - #FAF3C6 | 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 #D5E6A8 como 0% y #FAF3C6 como 100%.

0.0%	0.0% #D5E6A8	RGB 213 230 168	#D5E6A8
16.7%	16.7% #DCE9AC	RGB 220 233 172	#DCE9AC
33.3%	33.3% #E4ECB1	RGB 228 236 177	#E4ECB1
50.0%	50.0% #ECF0B6	RGB 236 240 182	#ECF0B6
66.7%	66.7% #F3F3BB	RGB 243 243 187	#F3F3BB
83.3%	83.3% #F6F3C0	RGB 246 243 192	#F6F3C0
100.0%	100.0% #FAF3C6	RGB 250 243 198	#FAF3C6

#D5E6A8 #DCE9AC #E4ECB1 #ECF0B6 #F3F3BB #F6F3C0 #FAF3C6

#D5E6A8 - #ECF0B6 - #FAF3C6

Códigos CSS

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

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