#B0B2CE - #D9D8D1 | 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 #B0B2CE a #D9D8D1

#B0B2CE #D9D8D1

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

#B0B2CE - #D9D8D1 | 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 #B0B2CE como 0% y #D9D8D1 como 100%.

0.0%	0.0% #B0B2CE	RGB 176 178 206	#B0B2CE
16.7%	16.7% #B6B8CE	RGB 182 184 206	#B6B8CE
33.3%	33.3% #BDBECF	RGB 189 190 207	#BDBECF
50.0%	50.0% #C4C5CF	RGB 196 197 207	#C4C5CF
66.7%	66.7% #CBCBD0	RGB 203 203 208	#CBCBD0
83.3%	83.3% #D2D1D0	RGB 210 209 208	#D2D1D0
100.0%	100.0% #D9D8D1	RGB 217 216 209	#D9D8D1

#B0B2CE #B6B8CE #BDBECF #C4C5CF #CBCBD0 #D2D1D0 #D9D8D1

#B0B2CE - #D9D8D1

Mezcla HSV

#B0B2CE - #D9D8D1 | 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 #B0B2CE como 0% y #D9D8D1 como 100%.

0.0%	0.0% #B0B2CE	RGB 176 178 206	#B0B2CE
16.7%	16.7% #C0B5CF	RGB 192 181 207	#C0B5CF
33.3%	33.3% #CFBAD1	RGB 207 186 209	#CFBAD1
50.0%	50.0% #D3C0CB	RGB 211 192 203	#D3C0CB
66.7%	66.7% #D5C5C7	RGB 213 197 199	#D5C5C7
83.3%	83.3% #D7CFCB	RGB 215 207 203	#D7CFCB
100.0%	100.0% #D9D8D1	RGB 217 216 209	#D9D8D1

#B0B2CE #C0B5CF #CFBAD1 #D3C0CB #D5C5C7 #D7CFCB #D9D8D1

#B0B2CE - #D3C0CB - #D9D8D1

Códigos CSS

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

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