#B5BCD8 - #DBDDD9 | 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 #B5BCD8 a #DBDDD9

#B5BCD8 #DBDDD9

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

#B5BCD8 - #DBDDD9 | 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 #B5BCD8 como 0% y #DBDDD9 como 100%.

0.0%	0.0% #B5BCD8	RGB 181 188 216	#B5BCD8
16.7%	16.7% #BBC1D8	RGB 187 193 216	#BBC1D8
33.3%	33.3% #C1C7D8	RGB 193 199 216	#C1C7D8
50.0%	50.0% #C8CCD8	RGB 200 204 216	#C8CCD8
66.7%	66.7% #CED2D8	RGB 206 210 216	#CED2D8
83.3%	83.3% #D4D7D8	RGB 212 215 216	#D4D7D8
100.0%	100.0% #DBDDD9	RGB 219 221 217	#DBDDD9

#B5BCD8 #BBC1D8 #C1C7D8 #C8CCD8 #CED2D8 #D4D7D8 #DBDDD9

#B5BCD8 - #DBDDD9

Mezcla HSV

#B5BCD8 - #DBDDD9 | 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 #B5BCD8 como 0% y #DBDDD9 como 100%.

0.0%	0.0% #B5BCD8	RGB 181 188 216	#B5BCD8
16.7%	16.7% #BACCD8	RGB 186 204 216	#BACCD8
33.3%	33.3% #C0D8D9	RGB 192 216 217	#C0D8D9
50.0%	50.0% #C6DAD3	RGB 198 218 211	#C6DAD3
66.7%	66.7% #CCDBD0	RGB 204 219 208	#CCDBD0
83.3%	83.3% #D3DCD2	RGB 211 220 210	#D3DCD2
100.0%	100.0% #DBDDD9	RGB 219 221 217	#DBDDD9

#B5BCD8 #BACCD8 #C0D8D9 #C6DAD3 #CCDBD0 #D3DCD2 #DBDDD9

#B5BCD8 - #C6DAD3 - #DBDDD9

Códigos CSS

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

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