#E7E5E5 - #B98180 | 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 #E7E5E5 a #B98180

#E7E5E5 #B98180

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

#E7E5E5 - #B98180 | 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 #E7E5E5 como 0% y #B98180 como 100%.

0.0%	0.0% #E7E5E5	RGB 231 229 229	#E7E5E5
16.7%	16.7% #DFD4D4	RGB 223 212 212	#DFD4D4
33.3%	33.3% #D7C3C3	RGB 215 195 195	#D7C3C3
50.0%	50.0% #D0B3B2	RGB 208 179 178	#D0B3B2
66.7%	66.7% #C8A2A1	RGB 200 162 161	#C8A2A1
83.3%	83.3% #C09190	RGB 192 145 144	#C09190
100.0%	100.0% #B98180	RGB 185 129 128	#B98180

#E7E5E5 #DFD4D4 #D7C3C3 #D0B3B2 #C8A2A1 #C09190 #B98180

#E7E5E5 - #B98180

Mezcla HSV

#E7E5E5 - #B98180 | 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 #E7E5E5 como 0% y #B98180 como 100%.

0.0%	0.0% #E7E5E5	RGB 231 229 229	#E7E5E5
16.7%	16.7% #DFD2D2	RGB 223 210 210	#DFD2D2
33.3%	33.3% #D7C0C0	RGB 215 192 192	#D7C0C0
50.0%	50.0% #D0AFAF	RGB 208 175 175	#D0AFAF
66.7%	66.7% #C89F9E	RGB 200 159 158	#C89F9E
83.3%	83.3% #C08F8E	RGB 192 143 142	#C08F8E
100.0%	100.0% #B98180	RGB 185 129 128	#B98180

#E7E5E5 #DFD2D2 #D7C0C0 #D0AFAF #C89F9E #C08F8E #B98180

#E7E5E5 - #D0AFAF - #B98180

Códigos CSS

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

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