#CDCCC0 - #8D7761 | 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 #CDCCC0 a #8D7761

#CDCCC0 #8D7761

Calcule el color entre dos colores, #CDCCC0 y #8D7761. 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)

#CDCCC0 - #8D7761 | 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 #CDCCC0 como 0% y #8D7761 como 100%.

0.0%	0.0% #CDCCC0	RGB 205 204 192	#CDCCC0
16.7%	16.7% #C2BDB0	RGB 194 189 176	#C2BDB0
33.3%	33.3% #B7AFA0	RGB 183 175 160	#B7AFA0
50.0%	50.0% #ADA190	RGB 173 161 144	#ADA190
66.7%	66.7% #A29380	RGB 162 147 128	#A29380
83.3%	83.3% #978570	RGB 151 133 112	#978570
100.0%	100.0% #8D7761	RGB 141 119 97	#8D7761

#CDCCC0 #C2BDB0 #B7AFA0 #ADA190 #A29380 #978570 #8D7761

#CDCCC0 - #8D7761

Mezcla HSV

#CDCCC0 - #8D7761 | 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 #CDCCC0 como 0% y #8D7761 como 100%.

0.0%	0.0% #CDCCC0	RGB 205 204 192	#CDCCC0
16.7%	16.7% #C2BFAD	RGB 194 191 173	#C2BFAD
33.3%	33.3% #B7B19C	RGB 183 177 156	#B7B19C
50.0%	50.0% #ADA38C	RGB 173 163 140	#ADA38C
66.7%	66.7% #A2947D	RGB 162 148 125	#A2947D
83.3%	83.3% #97866E	RGB 151 134 110	#97866E
100.0%	100.0% #8D7761	RGB 141 119 97	#8D7761

#CDCCC0 #C2BFAD #B7B19C #ADA38C #A2947D #97866E #8D7761

#CDCCC0 - #ADA38C - #8D7761

Códigos CSS

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

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