#C0CCBB - #5E8F6B | 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 #C0CCBB a #5E8F6B

#C0CCBB #5E8F6B

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

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

0.0%	0.0% #C0CCBB	RGB 192 204 187	#C0CCBB
16.7%	16.7% #AFC1AD	RGB 175 193 173	#AFC1AD
33.3%	33.3% #9FB7A0	RGB 159 183 160	#9FB7A0
50.0%	50.0% #8FAD93	RGB 143 173 147	#8FAD93
66.7%	66.7% #7EA385	RGB 126 163 133	#7EA385
83.3%	83.3% #6E9978	RGB 110 153 120	#6E9978
100.0%	100.0% #5E8F6B	RGB 94 143 107	#5E8F6B

#C0CCBB #AFC1AD #9FB7A0 #8FAD93 #7EA385 #6E9978 #5E8F6B

#C0CCBB - #5E8F6B

Mezcla HSV

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

0.0%	0.0% #C0CCBB	RGB 192 204 187	#C0CCBB
16.7%	16.7% #AEC1A9	RGB 174 193 169	#AEC1A9
33.3%	33.3% #9BB798	RGB 155 183 152	#9BB798
50.0%	50.0% #89AD88	RGB 137 173 136	#89AD88
66.7%	66.7% #79A37C	RGB 121 163 124	#79A37C
83.3%	83.3% #6B9973	RGB 107 153 115	#6B9973
100.0%	100.0% #5E8F6B	RGB 94 143 107	#5E8F6B

#C0CCBB #AEC1A9 #9BB798 #89AD88 #79A37C #6B9973 #5E8F6B

#C0CCBB - #89AD88 - #5E8F6B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0CCBB 0%, #89AD88 50%, #5E8F6B 100%);
    background: -webkit-linear-gradient(top, #C0CCBB 0%, #89AD88 50%, #5E8F6B 100%);
    background: linear-gradient(to bottom, #C0CCBB 0%, #89AD88 50%, #5E8F6B 100%);
}
</style>