#CDCCCB - #A0897B | 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 #CDCCCB a #A0897B

#CDCCCB #A0897B

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

#CDCCCB - #A0897B | 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 #CDCCCB como 0% y #A0897B como 100%.

0.0%	0.0% #CDCCCB	RGB 205 204 203	#CDCCCB
16.7%	16.7% #C5C0BD	RGB 197 192 189	#C5C0BD
33.3%	33.3% #BEB5B0	RGB 190 181 176	#BEB5B0
50.0%	50.0% #B6AAA3	RGB 182 170 163	#B6AAA3
66.7%	66.7% #AF9F95	RGB 175 159 149	#AF9F95
83.3%	83.3% #A79488	RGB 167 148 136	#A79488
100.0%	100.0% #A0897B	RGB 160 137 123	#A0897B

#CDCCCB #C5C0BD #BEB5B0 #B6AAA3 #AF9F95 #A79488 #A0897B

#CDCCCB - #A0897B

Mezcla HSV

#CDCCCB - #A0897B | 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 #CDCCCB como 0% y #A0897B como 100%.

0.0%	0.0% #CDCCCB	RGB 205 204 203	#CDCCCB
16.7%	16.7% #C5C0BC	RGB 197 192 188	#C5C0BC
33.3%	33.3% #BEB5AE	RGB 190 181 174	#BEB5AE
50.0%	50.0% #B6AAA0	RGB 182 170 160	#B6AAA0
66.7%	66.7% #AF9E93	RGB 175 158 147	#AF9E93
83.3%	83.3% #A79386	RGB 167 147 134	#A79386
100.0%	100.0% #A0897B	RGB 160 137 123	#A0897B

#CDCCCB #C5C0BC #BEB5AE #B6AAA0 #AF9E93 #A79386 #A0897B

#CDCCCB - #B6AAA0 - #A0897B

Códigos CSS

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

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