#CCCDCB - #839B7A | 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 #CCCDCB a #839B7A

#CCCDCB #839B7A

Calcule el color entre dos colores, #CCCDCB y #839B7A. 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)

#CCCDCB - #839B7A | 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 #CCCDCB como 0% y #839B7A como 100%.

0.0%	0.0% #CCCDCB	RGB 204 205 203	#CCCDCB
16.7%	16.7% #BFC4BD	RGB 191 196 189	#BFC4BD
33.3%	33.3% #B3BCB0	RGB 179 188 176	#B3BCB0
50.0%	50.0% #A7B4A2	RGB 167 180 162	#A7B4A2
66.7%	66.7% #9BAB95	RGB 155 171 149	#9BAB95
83.3%	83.3% #8FA387	RGB 143 163 135	#8FA387
100.0%	100.0% #839B7A	RGB 131 155 122	#839B7A

#CCCDCB #BFC4BD #B3BCB0 #A7B4A2 #9BAB95 #8FA387 #839B7A

#CCCDCB - #839B7A

Mezcla HSV

#CCCDCB - #839B7A | 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 #CCCDCB como 0% y #839B7A como 100%.

0.0%	0.0% #CCCDCB	RGB 204 205 203	#CCCDCB
16.7%	16.7% #C0C4BC	RGB 192 196 188	#C0C4BC
33.3%	33.3% #B3BCAD	RGB 179 188 173	#B3BCAD
50.0%	50.0% #A7B49F	RGB 167 180 159	#A7B49F
66.7%	66.7% #9BAB92	RGB 155 171 146	#9BAB92
83.3%	83.3% #8FA386	RGB 143 163 134	#8FA386
100.0%	100.0% #839B7A	RGB 131 155 122	#839B7A

#CCCDCB #C0C4BC #B3BCAD #A7B49F #9BAB92 #8FA386 #839B7A

#CCCDCB - #A7B49F - #839B7A

Códigos CSS

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

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