#B2B5E2 - #D3DBDF | 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 #B2B5E2 a #D3DBDF

#B2B5E2 #D3DBDF

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

#B2B5E2 - #D3DBDF | 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 #B2B5E2 como 0% y #D3DBDF como 100%.

0.0%	0.0% #B2B5E2	RGB 178 181 226	#B2B5E2
16.7%	16.7% #B7BBE1	RGB 183 187 225	#B7BBE1
33.3%	33.3% #BDC1E1	RGB 189 193 225	#BDC1E1
50.0%	50.0% #C2C8E0	RGB 194 200 224	#C2C8E0
66.7%	66.7% #C8CEE0	RGB 200 206 224	#C8CEE0
83.3%	83.3% #CDD4DF	RGB 205 212 223	#CDD4DF
100.0%	100.0% #D3DBDF	RGB 211 219 223	#D3DBDF

#B2B5E2 #B7BBE1 #BDC1E1 #C2C8E0 #C8CEE0 #CDD4DF #D3DBDF

#B2B5E2 - #D3DBDF

Mezcla HSV

#B2B5E2 - #D3DBDF | 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 #B2B5E2 como 0% y #D3DBDF como 100%.

0.0%	0.0% #B2B5E2	RGB 178 181 226	#B2B5E2
16.7%	16.7% #B7BEE1	RGB 183 190 225	#B7BEE1
33.3%	33.3% #BDC6E1	RGB 189 198 225	#BDC6E1
50.0%	50.0% #C2CDE0	RGB 194 205 224	#C2CDE0
66.7%	66.7% #C8D3E0	RGB 200 211 224	#C8D3E0
83.3%	83.3% #CDD7DF	RGB 205 215 223	#CDD7DF
100.0%	100.0% #D3DBDF	RGB 211 219 223	#D3DBDF

#B2B5E2 #B7BEE1 #BDC6E1 #C2CDE0 #C8D3E0 #CDD7DF #D3DBDF

#B2B5E2 - #C2CDE0 - #D3DBDF

Códigos CSS

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

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