#E4B5E5 - #BB45B7 | 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 #E4B5E5 a #BB45B7

#E4B5E5 #BB45B7

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

#E4B5E5 - #BB45B7 | 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 #E4B5E5 como 0% y #BB45B7 como 100%.

0.0%	0.0% #E4B5E5	RGB 228 181 229	#E4B5E5
16.7%	16.7% #DDA2DD	RGB 221 162 221	#DDA2DD
33.3%	33.3% #D68FD5	RGB 214 143 213	#D68FD5
50.0%	50.0% #CF7DCE	RGB 207 125 206	#CF7DCE
66.7%	66.7% #C86AC6	RGB 200 106 198	#C86AC6
83.3%	83.3% #C157BE	RGB 193 87 190	#C157BE
100.0%	100.0% #BB45B7	RGB 187 69 183	#BB45B7

#E4B5E5 #DDA2DD #D68FD5 #CF7DCE #C86AC6 #C157BE #BB45B7

#E4B5E5 - #BB45B7

Mezcla HSV

#E4B5E5 - #BB45B7 | 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 #E4B5E5 como 0% y #BB45B7 como 100%.

0.0%	0.0% #E4B5E5	RGB 228 181 229	#E4B5E5
16.7%	16.7% #DD9FDE	RGB 221 159 222	#DD9FDE
33.3%	33.3% #D68BD7	RGB 214 139 215	#D68BD7
50.0%	50.0% #D078CF	RGB 208 120 207	#D078CF
66.7%	66.7% #C966C7	RGB 201 102 199	#C966C7
83.3%	83.3% #C255BF	RGB 194 85 191	#C255BF
100.0%	100.0% #BB45B7	RGB 187 69 183	#BB45B7

#E4B5E5 #DD9FDE #D68BD7 #D078CF #C966C7 #C255BF #BB45B7

#E4B5E5 - #D078CF - #BB45B7

Códigos CSS

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

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