#E9A8D4 - #BF3C8C | 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 #E9A8D4 a #BF3C8C

#E9A8D4 #BF3C8C

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

#E9A8D4 - #BF3C8C | 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 #E9A8D4 como 0% y #BF3C8C como 100%.

0.0%	0.0% #E9A8D4	RGB 233 168 212	#E9A8D4
16.7%	16.7% #E296C8	RGB 226 150 200	#E296C8
33.3%	33.3% #DB84BC	RGB 219 132 188	#DB84BC
50.0%	50.0% #D472B0	RGB 212 114 176	#D472B0
66.7%	66.7% #CD60A4	RGB 205 96 164	#CD60A4
83.3%	83.3% #C64E98	RGB 198 78 152	#C64E98
100.0%	100.0% #BF3C8C	RGB 191 60 140	#BF3C8C

#E9A8D4 #E296C8 #DB84BC #D472B0 #CD60A4 #C64E98 #BF3C8C

#E9A8D4 - #BF3C8C

Mezcla HSV

#E9A8D4 - #BF3C8C | 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 #E9A8D4 como 0% y #BF3C8C como 100%.

0.0%	0.0% #E9A8D4	RGB 233 168 212	#E9A8D4
16.7%	16.7% #E293C7	RGB 226 147 199	#E293C7
33.3%	33.3% #DB80BB	RGB 219 128 187	#DB80BB
50.0%	50.0% #D46DAF	RGB 212 109 175	#D46DAF
66.7%	66.7% #CD5CA3	RGB 205 92 163	#CD5CA3
83.3%	83.3% #C64B97	RGB 198 75 151	#C64B97
100.0%	100.0% #BF3C8C	RGB 191 60 140	#BF3C8C

#E9A8D4 #E293C7 #DB80BB #D46DAF #CD5CA3 #C64B97 #BF3C8C

#E9A8D4 - #D46DAF - #BF3C8C

Códigos CSS

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

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