#CDCBCB - #A07E7B | 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 #CDCBCB a #A07E7B

#CDCBCB #A07E7B

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

#CDCBCB - #A07E7B | 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 #CDCBCB como 0% y #A07E7B como 100%.

0.0%	0.0% #CDCBCB	RGB 205 203 203	#CDCBCB
16.7%	16.7% #C5BEBD	RGB 197 190 189	#C5BEBD
33.3%	33.3% #BEB1B0	RGB 190 177 176	#BEB1B0
50.0%	50.0% #B6A4A3	RGB 182 164 163	#B6A4A3
66.7%	66.7% #AF9795	RGB 175 151 149	#AF9795
83.3%	83.3% #A78A88	RGB 167 138 136	#A78A88
100.0%	100.0% #A07E7B	RGB 160 126 123	#A07E7B

#CDCBCB #C5BEBD #BEB1B0 #B6A4A3 #AF9795 #A78A88 #A07E7B

#CDCBCB - #A07E7B

Mezcla HSV

#CDCBCB - #A07E7B | 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 #CDCBCB como 0% y #A07E7B como 100%.

0.0%	0.0% #CDCBCB	RGB 205 203 203	#CDCBCB
16.7%	16.7% #C5BCBC	RGB 197 188 188	#C5BCBC
33.3%	33.3% #BEAEAE	RGB 190 174 174	#BEAEAE
50.0%	50.0% #B6A1A0	RGB 182 161 160	#B6A1A0
66.7%	66.7% #AF9493	RGB 175 148 147	#AF9493
83.3%	83.3% #A78986	RGB 167 137 134	#A78986
100.0%	100.0% #A07E7B	RGB 160 126 123	#A07E7B

#CDCBCB #C5BCBC #BEAEAE #B6A1A0 #AF9493 #A78986 #A07E7B

#CDCBCB - #B6A1A0 - #A07E7B

Códigos CSS

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

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