#B4A8C6 - #E9C2FF | 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 #B4A8C6 a #E9C2FF

#B4A8C6 #E9C2FF

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

#B4A8C6 - #E9C2FF | 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 #B4A8C6 como 0% y #E9C2FF como 100%.

0.0%	0.0% #B4A8C6	RGB 180 168 198	#B4A8C6
16.7%	16.7% #BCACCF	RGB 188 172 207	#BCACCF
33.3%	33.3% #C5B0D9	RGB 197 176 217	#C5B0D9
50.0%	50.0% #CEB5E2	RGB 206 181 226	#CEB5E2
66.7%	66.7% #D7B9EC	RGB 215 185 236	#D7B9EC
83.3%	83.3% #E0BDF5	RGB 224 189 245	#E0BDF5
100.0%	100.0% #E9C2FF	RGB 233 194 255	#E9C2FF

#B4A8C6 #BCACCF #C5B0D9 #CEB5E2 #D7B9EC #E0BDF5 #E9C2FF

#B4A8C6 - #E9C2FF

Mezcla HSV

#B4A8C6 - #E9C2FF | 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 #B4A8C6 como 0% y #E9C2FF como 100%.

0.0%	0.0% #B4A8C6	RGB 180 168 198	#B4A8C6
16.7%	16.7% #BCADCF	RGB 188 173 207	#BCADCF
33.3%	33.3% #C4B1D9	RGB 196 177 217	#C4B1D9
50.0%	50.0% #CDB6E2	RGB 205 182 226	#CDB6E2
66.7%	66.7% #D6BAEC	RGB 214 186 236	#D6BAEC
83.3%	83.3% #DFBEF5	RGB 223 190 245	#DFBEF5
100.0%	100.0% #E9C2FF	RGB 233 194 255	#E9C2FF

#B4A8C6 #BCADCF #C4B1D9 #CDB6E2 #D6BAEC #DFBEF5 #E9C2FF

#B4A8C6 - #CDB6E2 - #E9C2FF

Códigos CSS

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

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