#E1B6CF - #B65586 | 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 #E1B6CF a #B65586

#E1B6CF #B65586

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

#E1B6CF - #B65586 | 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 #E1B6CF como 0% y #B65586 como 100%.

0.0%	0.0% #E1B6CF	RGB 225 182 207	#E1B6CF
16.7%	16.7% #D9A5C2	RGB 217 165 194	#D9A5C2
33.3%	33.3% #D295B6	RGB 210 149 182	#D295B6
50.0%	50.0% #CB85AA	RGB 203 133 170	#CB85AA
66.7%	66.7% #C4759E	RGB 196 117 158	#C4759E
83.3%	83.3% #BD6592	RGB 189 101 146	#BD6592
100.0%	100.0% #B65586	RGB 182 85 134	#B65586

#E1B6CF #D9A5C2 #D295B6 #CB85AA #C4759E #BD6592 #B65586

#E1B6CF - #B65586

Mezcla HSV

#E1B6CF - #B65586 | 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 #E1B6CF como 0% y #B65586 como 100%.

0.0%	0.0% #E1B6CF	RGB 225 182 207	#E1B6CF
16.7%	16.7% #D9A3C2	RGB 217 163 194	#D9A3C2
33.3%	33.3% #D292B6	RGB 210 146 182	#D292B6
50.0%	50.0% #CB81A9	RGB 203 129 169	#CB81A9
66.7%	66.7% #C4729D	RGB 196 114 157	#C4729D
83.3%	83.3% #BD6391	RGB 189 99 145	#BD6391
100.0%	100.0% #B65586	RGB 182 85 134	#B65586

#E1B6CF #D9A3C2 #D292B6 #CB81A9 #C4729D #BD6391 #B65586

#E1B6CF - #CB81A9 - #B65586

Códigos CSS

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

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