#C7C8C2 - #85906F | 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 #C7C8C2 a #85906F

#C7C8C2 #85906F

Calcule el color entre dos colores, #C7C8C2 y #85906F. 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)

#C7C8C2 - #85906F | 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 #C7C8C2 como 0% y #85906F como 100%.

0.0%	0.0% #C7C8C2	RGB 199 200 194	#C7C8C2
16.7%	16.7% #BCBEB4	RGB 188 190 180	#BCBEB4
33.3%	33.3% #B1B5A6	RGB 177 181 166	#B1B5A6
50.0%	50.0% #A6AC98	RGB 166 172 152	#A6AC98
66.7%	66.7% #9BA28A	RGB 155 162 138	#9BA28A
83.3%	83.3% #90997C	RGB 144 153 124	#90997C
100.0%	100.0% #85906F	RGB 133 144 111	#85906F

#C7C8C2 #BCBEB4 #B1B5A6 #A6AC98 #9BA28A #90997C #85906F

#C7C8C2 - #85906F

Mezcla HSV

#C7C8C2 - #85906F | 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 #C7C8C2 como 0% y #85906F como 100%.

0.0%	0.0% #C7C8C2	RGB 199 200 194	#C7C8C2
16.7%	16.7% #BCBEB2	RGB 188 190 178	#BCBEB2
33.3%	33.3% #B1B5A3	RGB 177 181 163	#B1B5A3
50.0%	50.0% #A6AC95	RGB 166 172 149	#A6AC95
66.7%	66.7% #9BA288	RGB 155 162 136	#9BA288
83.3%	83.3% #90997B	RGB 144 153 123	#90997B
100.0%	100.0% #85906F	RGB 133 144 111	#85906F

#C7C8C2 #BCBEB2 #B1B5A3 #A6AC95 #9BA288 #90997B #85906F

#C7C8C2 - #A6AC95 - #85906F

Códigos CSS

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

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