#C0CDC5 - #618D61 | 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 #C0CDC5 a #618D61

#C0CDC5 #618D61

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

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

0.0%	0.0% #C0CDC5	RGB 192 205 197	#C0CDC5
16.7%	16.7% #B0C2B4	RGB 176 194 180	#B0C2B4
33.3%	33.3% #A0B7A3	RGB 160 183 163	#A0B7A3
50.0%	50.0% #90AD93	RGB 144 173 147	#90AD93
66.7%	66.7% #80A282	RGB 128 162 130	#80A282
83.3%	83.3% #709771	RGB 112 151 113	#709771
100.0%	100.0% #618D61	RGB 97 141 97	#618D61

#C0CDC5 #B0C2B4 #A0B7A3 #90AD93 #80A282 #709771 #618D61

#C0CDC5 - #618D61

Mezcla HSV

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

0.0%	0.0% #C0CDC5	RGB 192 205 197	#C0CDC5
16.7%	16.7% #ADC2B4	RGB 173 194 180	#ADC2B4
33.3%	33.3% #9CB7A3	RGB 156 183 163	#9CB7A3
50.0%	50.0% #8CAD92	RGB 140 173 146	#8CAD92
66.7%	66.7% #7DA281	RGB 125 162 129	#7DA281
83.3%	83.3% #6E9771	RGB 110 151 113	#6E9771
100.0%	100.0% #618D61	RGB 97 141 97	#618D61

#C0CDC5 #ADC2B4 #9CB7A3 #8CAD92 #7DA281 #6E9771 #618D61

#C0CDC5 - #8CAD92 - #618D61

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0CDC5 0%, #8CAD92 50%, #618D61 100%);
    background: -webkit-linear-gradient(top, #C0CDC5 0%, #8CAD92 50%, #618D61 100%);
    background: linear-gradient(to bottom, #C0CDC5 0%, #8CAD92 50%, #618D61 100%);
}
</style>