#CACEC6 - #829774 | 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 #CACEC6 a #829774

#CACEC6 #829774

Calcule el color entre dos colores, #CACEC6 y #829774. 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)

#CACEC6 - #829774 | 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 #CACEC6 como 0% y #829774 como 100%.

0.0%	0.0% #CACEC6	RGB 202 206 198	#CACEC6
16.7%	16.7% #BEC4B8	RGB 190 196 184	#BEC4B8
33.3%	33.3% #B2BBAA	RGB 178 187 170	#B2BBAA
50.0%	50.0% #A6B29D	RGB 166 178 157	#A6B29D
66.7%	66.7% #9AA98F	RGB 154 169 143	#9AA98F
83.3%	83.3% #8EA081	RGB 142 160 129	#8EA081
100.0%	100.0% #829774	RGB 130 151 116	#829774

#CACEC6 #BEC4B8 #B2BBAA #A6B29D #9AA98F #8EA081 #829774

#CACEC6 - #829774

Mezcla HSV

#CACEC6 - #829774 | 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 #CACEC6 como 0% y #829774 como 100%.

0.0%	0.0% #CACEC6	RGB 202 206 198	#CACEC6
16.7%	16.7% #BDC4B6	RGB 189 196 182	#BDC4B6
33.3%	33.3% #B1BBA8	RGB 177 187 168	#B1BBA8
50.0%	50.0% #A5B29A	RGB 165 178 154	#A5B29A
66.7%	66.7% #99A98C	RGB 153 169 140	#99A98C
83.3%	83.3% #8DA080	RGB 141 160 128	#8DA080
100.0%	100.0% #829774	RGB 130 151 116	#829774

#CACEC6 #BDC4B6 #B1BBA8 #A5B29A #99A98C #8DA080 #829774

#CACEC6 - #A5B29A - #829774

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CACEC6 0%, #A5B29A 50%, #829774 100%);
    background: -webkit-linear-gradient(top, #CACEC6 0%, #A5B29A 50%, #829774 100%);
    background: linear-gradient(to bottom, #CACEC6 0%, #A5B29A 50%, #829774 100%);
}
</style>