#B7A8C2 - #D2D8C7 | 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 #B7A8C2 a #D2D8C7

#B7A8C2 #D2D8C7

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

#B7A8C2 - #D2D8C7 | 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 #B7A8C2 como 0% y #D2D8C7 como 100%.

0.0%	0.0% #B7A8C2	RGB 183 168 194	#B7A8C2
16.7%	16.7% #BBB0C2	RGB 187 176 194	#BBB0C2
33.3%	33.3% #C0B8C3	RGB 192 184 195	#C0B8C3
50.0%	50.0% #C4C0C4	RGB 196 192 196	#C4C0C4
66.7%	66.7% #C9C8C5	RGB 201 200 197	#C9C8C5
83.3%	83.3% #CDD0C6	RGB 205 208 198	#CDD0C6
100.0%	100.0% #D2D8C7	RGB 210 216 199	#D2D8C7

#B7A8C2 #BBB0C2 #C0B8C3 #C4C0C4 #C9C8C5 #CDD0C6 #D2D8C7

#B7A8C2 - #D2D8C7

Mezcla HSV

#B7A8C2 - #D2D8C7 | 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 #B7A8C2 como 0% y #D2D8C7 como 100%.

0.0%	0.0% #B7A8C2	RGB 183 168 194	#B7A8C2
16.7%	16.7% #C5ACC4	RGB 197 172 196	#C5ACC4
33.3%	33.3% #C9B2BD	RGB 201 178 189	#C9B2BD
50.0%	50.0% #CDB7B7	RGB 205 183 183	#CDB7B7
66.7%	66.7% #D0C5BC	RGB 208 197 188	#D0C5BC
83.3%	83.3% #D4D2C1	RGB 212 210 193	#D4D2C1
100.0%	100.0% #D2D8C7	RGB 210 216 199	#D2D8C7

#B7A8C2 #C5ACC4 #C9B2BD #CDB7B7 #D0C5BC #D4D2C1 #D2D8C7

#B7A8C2 - #CDB7B7 - #D2D8C7

Códigos CSS

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

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