#C0CDC0 - #768D61 | 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 #C0CDC0 a #768D61

#C0CDC0 #768D61

Calcule el color entre dos colores, #C0CDC0 y #768D61. 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)

#C0CDC0 - #768D61 | 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 #C0CDC0 como 0% y #768D61 como 100%.

0.0%	0.0% #C0CDC0	RGB 192 205 192	#C0CDC0
16.7%	16.7% #B3C2B0	RGB 179 194 176	#B3C2B0
33.3%	33.3% #A7B7A0	RGB 167 183 160	#A7B7A0
50.0%	50.0% #9BAD90	RGB 155 173 144	#9BAD90
66.7%	66.7% #8EA280	RGB 142 162 128	#8EA280
83.3%	83.3% #829770	RGB 130 151 112	#829770
100.0%	100.0% #768D61	RGB 118 141 97	#768D61

#C0CDC0 #B3C2B0 #A7B7A0 #9BAD90 #8EA280 #829770 #768D61

#C0CDC0 - #768D61

Mezcla HSV

#C0CDC0 - #768D61 | 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 #C0CDC0 como 0% y #768D61 como 100%.

0.0%	0.0% #C0CDC0	RGB 192 205 192	#C0CDC0
16.7%	16.7% #AFC2AD	RGB 175 194 173	#AFC2AD
33.3%	33.3% #A1B79C	RGB 161 183 156	#A1B79C
50.0%	50.0% #94AD8C	RGB 148 173 140	#94AD8C
66.7%	66.7% #88A27D	RGB 136 162 125	#88A27D
83.3%	83.3% #7E976E	RGB 126 151 110	#7E976E
100.0%	100.0% #768D61	RGB 118 141 97	#768D61

#C0CDC0 #AFC2AD #A1B79C #94AD8C #88A27D #7E976E #768D61

#C0CDC0 - #94AD8C - #768D61

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0CDC0 0%, #94AD8C 50%, #768D61 100%);
    background: -webkit-linear-gradient(top, #C0CDC0 0%, #94AD8C 50%, #768D61 100%);
    background: linear-gradient(to bottom, #C0CDC0 0%, #94AD8C 50%, #768D61 100%);
}
</style>