#B056B5 - #E8CEE9 | 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 #B056B5 a #E8CEE9

#B056B5 #E8CEE9

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

#B056B5 - #E8CEE9 | 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 #B056B5 como 0% y #E8CEE9 como 100%.

0.0%	0.0% #B056B5	RGB 176 86 181	#B056B5
16.7%	16.7% #B96ABD	RGB 185 106 189	#B96ABD
33.3%	33.3% #C27EC6	RGB 194 126 198	#C27EC6
50.0%	50.0% #CC92CF	RGB 204 146 207	#CC92CF
66.7%	66.7% #D5A6D7	RGB 213 166 215	#D5A6D7
83.3%	83.3% #DEBAE0	RGB 222 186 224	#DEBAE0
100.0%	100.0% #E8CEE9	RGB 232 206 233	#E8CEE9

#B056B5 #B96ABD #C27EC6 #CC92CF #D5A6D7 #DEBAE0 #E8CEE9

#B056B5 - #E8CEE9

Mezcla HSV

#B056B5 - #E8CEE9 | 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 #B056B5 como 0% y #E8CEE9 como 100%.

0.0%	0.0% #B056B5	RGB 176 86 181	#B056B5
16.7%	16.7% #B967BD	RGB 185 103 189	#B967BD
33.3%	33.3% #C279C6	RGB 194 121 198	#C279C6
50.0%	50.0% #CC8CCF	RGB 204 140 207	#CC8CCF
66.7%	66.7% #D5A1D7	RGB 213 161 215	#D5A1D7
83.3%	83.3% #DEB7E0	RGB 222 183 224	#DEB7E0
100.0%	100.0% #E8CEE9	RGB 232 206 233	#E8CEE9

#B056B5 #B967BD #C279C6 #CC8CCF #D5A1D7 #DEB7E0 #E8CEE9

#B056B5 - #CC8CCF - #E8CEE9

Códigos CSS

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

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