#BCB5E7 - #FFDDE3 | 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 #BCB5E7 a #FFDDE3

#BCB5E7 #FFDDE3

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

#BCB5E7 - #FFDDE3 | 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 #BCB5E7 como 0% y #FFDDE3 como 100%.

0.0%	0.0% #BCB5E7	RGB 188 181 231	#BCB5E7
16.7%	16.7% #C7BBE6	RGB 199 187 230	#C7BBE6
33.3%	33.3% #D2C2E5	RGB 210 194 229	#D2C2E5
50.0%	50.0% #DDC9E5	RGB 221 201 229	#DDC9E5
66.7%	66.7% #E8CFE4	RGB 232 207 228	#E8CFE4
83.3%	83.3% #F3D6E3	RGB 243 214 227	#F3D6E3
100.0%	100.0% #FFDDE3	RGB 255 221 227	#FFDDE3

#BCB5E7 #C7BBE6 #D2C2E5 #DDC9E5 #E8CFE4 #F3D6E3 #FFDDE3

#BCB5E7 - #FFDDE3

Mezcla HSV

#BCB5E7 - #FFDDE3 | 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 #BCB5E7 como 0% y #FFDDE3 como 100%.

0.0%	0.0% #BCB5E7	RGB 188 181 231	#BCB5E7
16.7%	16.7% #CFBBEB	RGB 207 187 235	#CFBBEB
33.3%	33.3% #E1C1EF	RGB 225 193 239	#E1C1EF
50.0%	50.0% #F2C8F3	RGB 242 200 243	#F2C8F3
66.7%	66.7% #F7CFEC	RGB 247 207 236	#F7CFEC
83.3%	83.3% #FBD6E6	RGB 251 214 230	#FBD6E6
100.0%	100.0% #FFDDE3	RGB 255 221 227	#FFDDE3

#BCB5E7 #CFBBEB #E1C1EF #F2C8F3 #F7CFEC #FBD6E6 #FFDDE3

#BCB5E7 - #F2C8F3 - #FFDDE3

Códigos CSS

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

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