#B7B0A2 - #FFE3B7 | 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 #B7B0A2 a #FFE3B7

#B7B0A2 #FFE3B7

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

#B7B0A2 - #FFE3B7 | 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 #B7B0A2 como 0% y #FFE3B7 como 100%.

0.0%	0.0% #B7B0A2	RGB 183 176 162	#B7B0A2
16.7%	16.7% #C3B8A5	RGB 195 184 165	#C3B8A5
33.3%	33.3% #CFC1A9	RGB 207 193 169	#CFC1A9
50.0%	50.0% #DBC9AC	RGB 219 201 172	#DBC9AC
66.7%	66.7% #E7D2B0	RGB 231 210 176	#E7D2B0
83.3%	83.3% #F3DAB3	RGB 243 218 179	#F3DAB3
100.0%	100.0% #FFE3B7	RGB 255 227 183	#FFE3B7

#B7B0A2 #C3B8A5 #CFC1A9 #DBC9AC #E7D2B0 #F3DAB3 #FFE3B7

#B7B0A2 - #FFE3B7

Mezcla HSV

#B7B0A2 - #FFE3B7 | 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 #B7B0A2 como 0% y #FFE3B7 como 100%.

0.0%	0.0% #B7B0A2	RGB 183 176 162	#B7B0A2
16.7%	16.7% #C3B9A7	RGB 195 185 167	#C3B9A7
33.3%	33.3% #CFC2AB	RGB 207 194 171	#CFC2AB
50.0%	50.0% #DBCBAF	RGB 219 203 175	#DBCBAF
66.7%	66.7% #E7D3B2	RGB 231 211 178	#E7D3B2
83.3%	83.3% #F3DBB5	RGB 243 219 181	#F3DBB5
100.0%	100.0% #FFE3B7	RGB 255 227 183	#FFE3B7

#B7B0A2 #C3B9A7 #CFC2AB #DBCBAF #E7D3B2 #F3DBB5 #FFE3B7

#B7B0A2 - #DBCBAF - #FFE3B7

Códigos CSS

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

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