#B7B6B8 - #FFE2B5 | 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 #B7B6B8 a #FFE2B5

#B7B6B8 #FFE2B5

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

#B7B6B8 - #FFE2B5 | 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 #B7B6B8 como 0% y #FFE2B5 como 100%.

0.0%	0.0% #B7B6B8	RGB 183 182 184	#B7B6B8
16.7%	16.7% #C3BDB7	RGB 195 189 183	#C3BDB7
33.3%	33.3% #CFC4B7	RGB 207 196 183	#CFC4B7
50.0%	50.0% #DBCCB6	RGB 219 204 182	#DBCCB6
66.7%	66.7% #E7D3B6	RGB 231 211 182	#E7D3B6
83.3%	83.3% #F3DAB5	RGB 243 218 181	#F3DAB5
100.0%	100.0% #FFE2B5	RGB 255 226 181	#FFE2B5

#B7B6B8 #C3BDB7 #CFC4B7 #DBCCB6 #E7D3B6 #F3DAB5 #FFE2B5

#B7B6B8 - #FFE2B5

Mezcla HSV

#B7B6B8 - #FFE2B5 | 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 #B7B6B8 como 0% y #FFE2B5 como 100%.

0.0%	0.0% #B7B6B8	RGB 183 182 184	#B7B6B8
16.7%	16.7% #C2B8C3	RGB 194 184 195	#C2B8C3
33.3%	33.3% #CFBACB	RGB 207 186 203	#CFBACB
50.0%	50.0% #DBBAC9	RGB 219 186 201	#DBBAC9
66.7%	66.7% #E7B9BE	RGB 231 185 190	#E7B9BE
83.3%	83.3% #F3C7B7	RGB 243 199 183	#F3C7B7
100.0%	100.0% #FFE2B5	RGB 255 226 181	#FFE2B5

#B7B6B8 #C2B8C3 #CFBACB #DBBAC9 #E7B9BE #F3C7B7 #FFE2B5

#B7B6B8 - #DBBAC9 - #FFE2B5

Códigos CSS

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

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