#B2B5E8 - #D0DBE3 | 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 #B2B5E8 a #D0DBE3

#B2B5E8 #D0DBE3

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

#B2B5E8 - #D0DBE3 | 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 #B2B5E8 como 0% y #D0DBE3 como 100%.

0.0%	0.0% #B2B5E8	RGB 178 181 232	#B2B5E8
16.7%	16.7% #B7BBE7	RGB 183 187 231	#B7BBE7
33.3%	33.3% #BCC1E6	RGB 188 193 230	#BCC1E6
50.0%	50.0% #C1C8E5	RGB 193 200 229	#C1C8E5
66.7%	66.7% #C6CEE4	RGB 198 206 228	#C6CEE4
83.3%	83.3% #CBD4E3	RGB 203 212 227	#CBD4E3
100.0%	100.0% #D0DBE3	RGB 208 219 227	#D0DBE3

#B2B5E8 #B7BBE7 #BCC1E6 #C1C8E5 #C6CEE4 #CBD4E3 #D0DBE3

#B2B5E8 - #D0DBE3

Mezcla HSV

#B2B5E8 - #D0DBE3 | 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 #B2B5E8 como 0% y #D0DBE3 como 100%.

0.0%	0.0% #B2B5E8	RGB 178 181 232	#B2B5E8
16.7%	16.7% #B7BDE7	RGB 183 189 231	#B7BDE7
33.3%	33.3% #BCC5E6	RGB 188 197 230	#BCC5E6
50.0%	50.0% #C1CCE5	RGB 193 204 229	#C1CCE5
66.7%	66.7% #C6D2E4	RGB 198 210 228	#C6D2E4
83.3%	83.3% #CBD7E3	RGB 203 215 227	#CBD7E3
100.0%	100.0% #D0DBE3	RGB 208 219 227	#D0DBE3

#B2B5E8 #B7BDE7 #BCC5E6 #C1CCE5 #C6D2E4 #CBD7E3 #D0DBE3

#B2B5E8 - #C1CCE5 - #D0DBE3

Códigos CSS

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

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