#C8CEC8 - #5E9960 | 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 #C8CEC8 a #5E9960

#C8CEC8 #5E9960

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

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

0.0%	0.0% #C8CEC8	RGB 200 206 200	#C8CEC8
16.7%	16.7% #B6C5B6	RGB 182 197 182	#B6C5B6
33.3%	33.3% #A4BCA5	RGB 164 188 165	#A4BCA5
50.0%	50.0% #93B394	RGB 147 179 148	#93B394
66.7%	66.7% #81AA82	RGB 129 170 130	#81AA82
83.3%	83.3% #6FA171	RGB 111 161 113	#6FA171
100.0%	100.0% #5E9960	RGB 94 153 96	#5E9960

#C8CEC8 #B6C5B6 #A4BCA5 #93B394 #81AA82 #6FA171 #5E9960

#C8CEC8 - #5E9960

Mezcla HSV

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

0.0%	0.0% #C8CEC8	RGB 200 206 200	#C8CEC8
16.7%	16.7% #B3C5B3	RGB 179 197 179	#B3C5B3
33.3%	33.3% #A0BCA0	RGB 160 188 160	#A0BCA0
50.0%	50.0% #8EB38E	RGB 142 179 142	#8EB38E
66.7%	66.7% #7DAA7E	RGB 125 170 126	#7DAA7E
83.3%	83.3% #6DA16E	RGB 109 161 110	#6DA16E
100.0%	100.0% #5E9960	RGB 94 153 96	#5E9960

#C8CEC8 #B3C5B3 #A0BCA0 #8EB38E #7DAA7E #6DA16E #5E9960

#C8CEC8 - #8EB38E - #5E9960

Códigos CSS

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

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