#CBCEC8 - #829D76 | 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 #CBCEC8 a #829D76

#CBCEC8 #829D76

Calcule el color entre dos colores, #CBCEC8 y #829D76. 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)

#CBCEC8 - #829D76 | 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 #CBCEC8 como 0% y #829D76 como 100%.

0.0%	0.0% #CBCEC8	RGB 203 206 200	#CBCEC8
16.7%	16.7% #BEC5BA	RGB 190 197 186	#BEC5BA
33.3%	33.3% #B2BDAC	RGB 178 189 172	#B2BDAC
50.0%	50.0% #A6B59F	RGB 166 181 159	#A6B59F
66.7%	66.7% #9AAD91	RGB 154 173 145	#9AAD91
83.3%	83.3% #8EA583	RGB 142 165 131	#8EA583
100.0%	100.0% #829D76	RGB 130 157 118	#829D76

#CBCEC8 #BEC5BA #B2BDAC #A6B59F #9AAD91 #8EA583 #829D76

#CBCEC8 - #829D76

Mezcla HSV

#CBCEC8 - #829D76 | 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 #CBCEC8 como 0% y #829D76 como 100%.

0.0%	0.0% #CBCEC8	RGB 203 206 200	#CBCEC8
16.7%	16.7% #BEC5B8	RGB 190 197 184	#BEC5B8
33.3%	33.3% #B2BDAA	RGB 178 189 170	#B2BDAA
50.0%	50.0% #A6B59C	RGB 166 181 156	#A6B59C
66.7%	66.7% #9AAD8E	RGB 154 173 142	#9AAD8E
83.3%	83.3% #8EA582	RGB 142 165 130	#8EA582
100.0%	100.0% #829D76	RGB 130 157 118	#829D76

#CBCEC8 #BEC5B8 #B2BDAA #A6B59C #9AAD8E #8EA582 #829D76

#CBCEC8 - #A6B59C - #829D76

Códigos CSS

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

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