#C8CDCD - #5E9698 | 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 #C8CDCD a #5E9698

#C8CDCD #5E9698

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

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

0.0%	0.0% #C8CDCD	RGB 200 205 205	#C8CDCD
16.7%	16.7% #B6C3C4	RGB 182 195 196	#B6C3C4
33.3%	33.3% #A4BABB	RGB 164 186 187	#A4BABB
50.0%	50.0% #93B1B2	RGB 147 177 178	#93B1B2
66.7%	66.7% #81A8A9	RGB 129 168 169	#81A8A9
83.3%	83.3% #6F9FA0	RGB 111 159 160	#6F9FA0
100.0%	100.0% #5E9698	RGB 94 150 152	#5E9698

#C8CDCD #B6C3C4 #A4BABB #93B1B2 #81A8A9 #6F9FA0 #5E9698

#C8CDCD - #5E9698

Mezcla HSV

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

0.0%	0.0% #C8CDCD	RGB 200 205 205	#C8CDCD
16.7%	16.7% #B3C4C4	RGB 179 196 196	#B3C4C4
33.3%	33.3% #A0BBBB	RGB 160 187 187	#A0BBBB
50.0%	50.0% #8EB1B2	RGB 142 177 178	#8EB1B2
66.7%	66.7% #7DA8A9	RGB 125 168 169	#7DA8A9
83.3%	83.3% #6D9FA0	RGB 109 159 160	#6D9FA0
100.0%	100.0% #5E9698	RGB 94 150 152	#5E9698

#C8CDCD #B3C4C4 #A0BBBB #8EB1B2 #7DA8A9 #6D9FA0 #5E9698

#C8CDCD - #8EB1B2 - #5E9698

Códigos CSS

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

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