#E6D5E3 - #FFFBF7 | 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 #E6D5E3 a #FFFBF7

#E6D5E3 #FFFBF7

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

#E6D5E3 - #FFFBF7 | 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 #E6D5E3 como 0% y #FFFBF7 como 100%.

0.0%	0.0% #E6D5E3	RGB 230 213 227	#E6D5E3
16.7%	16.7% #EADBE6	RGB 234 219 230	#EADBE6
33.3%	33.3% #EEE1E9	RGB 238 225 233	#EEE1E9
50.0%	50.0% #F2E8ED	RGB 242 232 237	#F2E8ED
66.7%	66.7% #F6EEF0	RGB 246 238 240	#F6EEF0
83.3%	83.3% #FAF4F3	RGB 250 244 243	#FAF4F3
100.0%	100.0% #FFFBF7	RGB 255 251 247	#FFFBF7

#E6D5E3 #EADBE6 #EEE1E9 #F2E8ED #F6EEF0 #FAF4F3 #FFFBF7

#E6D5E3 - #FFFBF7

Mezcla HSV

#E6D5E3 - #FFFBF7 | 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 #E6D5E3 como 0% y #FFFBF7 como 100%.

0.0%	0.0% #E6D5E3	RGB 230 213 227	#E6D5E3
16.7%	16.7% #EADAE3	RGB 234 218 227	#EADAE3
33.3%	33.3% #EEE0E5	RGB 238 224 229	#EEE0E5
50.0%	50.0% #F2E5E7	RGB 242 229 231	#F2E5E7
66.7%	66.7% #F6ECEB	RGB 246 236 235	#F6ECEB
83.3%	83.3% #FAF3F1	RGB 250 243 241	#FAF3F1
100.0%	100.0% #FFFBF7	RGB 255 251 247	#FFFBF7

#E6D5E3 #EADAE3 #EEE0E5 #F2E5E7 #F6ECEB #FAF3F1 #FFFBF7

#E6D5E3 - #F2E5E7 - #FFFBF7

Códigos CSS

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

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