#C0C8CD - #618D88 | 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 #C0C8CD a #618D88

#C0C8CD #618D88

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

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

0.0%	0.0% #C0C8CD	RGB 192 200 205	#C0C8CD
16.7%	16.7% #B0BEC1	RGB 176 190 193	#B0BEC1
33.3%	33.3% #A0B4B6	RGB 160 180 182	#A0B4B6
50.0%	50.0% #90AAAA	RGB 144 170 170	#90AAAA
66.7%	66.7% #80A09F	RGB 128 160 159	#80A09F
83.3%	83.3% #709693	RGB 112 150 147	#709693
100.0%	100.0% #618D88	RGB 97 141 136	#618D88

#C0C8CD #B0BEC1 #A0B4B6 #90AAAA #80A09F #709693 #618D88

#C0C8CD - #618D88

Mezcla HSV

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

0.0%	0.0% #C0C8CD	RGB 192 200 205	#C0C8CD
16.7%	16.7% #ADBCC2	RGB 173 188 194	#ADBCC2
33.3%	33.3% #9CB1B7	RGB 156 177 183	#9CB1B7
50.0%	50.0% #8CA8AD	RGB 140 168 173	#8CA8AD
66.7%	66.7% #7DA0A2	RGB 125 160 162	#7DA0A2
83.3%	83.3% #6E9796	RGB 110 151 150	#6E9796
100.0%	100.0% #618D88	RGB 97 141 136	#618D88

#C0C8CD #ADBCC2 #9CB1B7 #8CA8AD #7DA0A2 #6E9796 #618D88

#C0C8CD - #8CA8AD - #618D88

Códigos CSS

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

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