#C8CAC8 - #5E9475 | 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 #C8CAC8 a #5E9475

#C8CAC8 #5E9475

Calcule el color entre dos colores, #C8CAC8 y #5E9475. 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)

#C8CAC8 - #5E9475 | 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 #C8CAC8 como 0% y #5E9475 como 100%.

0.0%	0.0% #C8CAC8	RGB 200 202 200	#C8CAC8
16.7%	16.7% #B6C1BA	RGB 182 193 186	#B6C1BA
33.3%	33.3% #A4B8AC	RGB 164 184 172	#A4B8AC
50.0%	50.0% #93AF9E	RGB 147 175 158	#93AF9E
66.7%	66.7% #81A690	RGB 129 166 144	#81A690
83.3%	83.3% #6F9D82	RGB 111 157 130	#6F9D82
100.0%	100.0% #5E9475	RGB 94 148 117	#5E9475

#C8CAC8 #B6C1BA #A4B8AC #93AF9E #81A690 #6F9D82 #5E9475

#C8CAC8 - #5E9475

Mezcla HSV

#C8CAC8 - #5E9475 | 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 #C8CAC8 como 0% y #5E9475 como 100%.

0.0%	0.0% #C8CAC8	RGB 200 202 200	#C8CAC8
16.7%	16.7% #B3C1B4	RGB 179 193 180	#B3C1B4
33.3%	33.3% #A0B8A3	RGB 160 184 163	#A0B8A3
50.0%	50.0% #8EAF95	RGB 142 175 149	#8EAF95
66.7%	66.7% #7DA688	RGB 125 166 136	#7DA688
83.3%	83.3% #6D9D7E	RGB 109 157 126	#6D9D7E
100.0%	100.0% #5E9475	RGB 94 148 117	#5E9475

#C8CAC8 #B3C1B4 #A0B8A3 #8EAF95 #7DA688 #6D9D7E #5E9475

#C8CAC8 - #8EAF95 - #5E9475

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8CAC8 0%, #8EAF95 50%, #5E9475 100%);
    background: -webkit-linear-gradient(top, #C8CAC8 0%, #8EAF95 50%, #5E9475 100%);
    background: linear-gradient(to bottom, #C8CAC8 0%, #8EAF95 50%, #5E9475 100%);
}
</style>