#E3C2D4 - #B9668C | 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 #E3C2D4 a #B9668C

#E3C2D4 #B9668C

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

#E3C2D4 - #B9668C | 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 #E3C2D4 como 0% y #B9668C como 100%.

0.0%	0.0% #E3C2D4	RGB 227 194 212	#E3C2D4
16.7%	16.7% #DCB2C8	RGB 220 178 200	#DCB2C8
33.3%	33.3% #D5A3BC	RGB 213 163 188	#D5A3BC
50.0%	50.0% #CE94B0	RGB 206 148 176	#CE94B0
66.7%	66.7% #C784A4	RGB 199 132 164	#C784A4
83.3%	83.3% #C07598	RGB 192 117 152	#C07598
100.0%	100.0% #B9668C	RGB 185 102 140	#B9668C

#E3C2D4 #DCB2C8 #D5A3BC #CE94B0 #C784A4 #C07598 #B9668C

#E3C2D4 - #B9668C

Mezcla HSV

#E3C2D4 - #B9668C | 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 #E3C2D4 como 0% y #B9668C como 100%.

0.0%	0.0% #E3C2D4	RGB 227 194 212	#E3C2D4
16.7%	16.7% #DCB0C7	RGB 220 176 199	#DCB0C7
33.3%	33.3% #D5A0BB	RGB 213 160 187	#D5A0BB
50.0%	50.0% #CE90AF	RGB 206 144 175	#CE90AF
66.7%	66.7% #C781A3	RGB 199 129 163	#C781A3
83.3%	83.3% #C07397	RGB 192 115 151	#C07397
100.0%	100.0% #B9668C	RGB 185 102 140	#B9668C

#E3C2D4 #DCB0C7 #D5A0BB #CE90AF #C781A3 #C07397 #B9668C

#E3C2D4 - #CE90AF - #B9668C

Códigos CSS

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

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