#BBB5E2 - #FFE7DA | 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 #BBB5E2 a #FFE7DA

#BBB5E2 #FFE7DA

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

#BBB5E2 - #FFE7DA | 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 #BBB5E2 como 0% y #FFE7DA como 100%.

0.0%	0.0% #BBB5E2	RGB 187 181 226	#BBB5E2
16.7%	16.7% #C6BDE0	RGB 198 189 224	#C6BDE0
33.3%	33.3% #D1C5DF	RGB 209 197 223	#D1C5DF
50.0%	50.0% #DDCEDE	RGB 221 206 222	#DDCEDE
66.7%	66.7% #E8D6DC	RGB 232 214 220	#E8D6DC
83.3%	83.3% #F3DEDB	RGB 243 222 219	#F3DEDB
100.0%	100.0% #FFE7DA	RGB 255 231 218	#FFE7DA

#BBB5E2 #C6BDE0 #D1C5DF #DDCEDE #E8D6DC #F3DEDB #FFE7DA

#BBB5E2 - #FFE7DA

Mezcla HSV

#BBB5E2 - #FFE7DA | 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 #BBB5E2 como 0% y #FFE7DA como 100%.

0.0%	0.0% #BBB5E2	RGB 187 181 226	#BBB5E2
16.7%	16.7% #D1BAE6	RGB 209 186 230	#D1BAE6
33.3%	33.3% #E6C0EB	RGB 230 192 235	#E6C0EB
50.0%	50.0% #F0C7E6	RGB 240 199 230	#F0C7E6
66.7%	66.7% #F5CDDC	RGB 245 205 220	#F5CDDC
83.3%	83.3% #FAD3D4	RGB 250 211 212	#FAD3D4
100.0%	100.0% #FFE7DA	RGB 255 231 218	#FFE7DA

#BBB5E2 #D1BAE6 #E6C0EB #F0C7E6 #F5CDDC #FAD3D4 #FFE7DA

#BBB5E2 - #F0C7E6 - #FFE7DA

Códigos CSS

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

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