#CDCDCB - #3A3A3A | 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 #CDCDCB a #3A3A3A

#CDCDCB #3A3A3A

Calcule el color entre dos colores, #CDCDCB y #3A3A3A. 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)

#CDCDCB - #3A3A3A | 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 #CDCDCB como 0% y #3A3A3A como 100%.

0.0%	0.0% #CDCDCB	RGB 205 205 203	#CDCDCB
16.7%	16.7% #B4B4B2	RGB 180 180 178	#B4B4B2
33.3%	33.3% #9C9C9A	RGB 156 156 154	#9C9C9A
50.0%	50.0% #838382	RGB 131 131 130	#838382
66.7%	66.7% #6B6B6A	RGB 107 107 106	#6B6B6A
83.3%	83.3% #525252	RGB 82 82 82	#525252
100.0%	100.0% #3A3A3A	RGB 58 58 58	#3A3A3A

#CDCDCB #B4B4B2 #9C9C9A #838382 #6B6B6A #525252 #3A3A3A

#CDCDCB - #3A3A3A

Mezcla HSV

#CDCDCB - #3A3A3A | 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 #CDCDCB como 0% y #3A3A3A como 100%.

0.0%	0.0% #CDCDCB	RGB 205 205 203	#CDCDCB
16.7%	16.7% #B4B4B3	RGB 180 180 179	#B4B4B3
33.3%	33.3% #9C9B9A	RGB 156 155 154	#9C9B9A
50.0%	50.0% #838382	RGB 131 131 130	#838382
66.7%	66.7% #6B6A6A	RGB 107 106 106	#6B6A6A
83.3%	83.3% #525252	RGB 82 82 82	#525252
100.0%	100.0% #3A3A3A	RGB 58 58 58	#3A3A3A

#CDCDCB #B4B4B3 #9C9B9A #838382 #6B6A6A #525252 #3A3A3A

#CDCDCB - #838382 - #3A3A3A

Códigos CSS

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

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