#CDC0C7 - #3A3639 | 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 #CDC0C7 a #3A3639

#CDC0C7 #3A3639

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

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

0.0%	0.0% #CDC0C7	RGB 205 192 199	#CDC0C7
16.7%	16.7% #B4A9AF	RGB 180 169 175	#B4A9AF
33.3%	33.3% #9C9297	RGB 156 146 151	#9C9297
50.0%	50.0% #837B80	RGB 131 123 128	#837B80
66.7%	66.7% #6B6468	RGB 107 100 104	#6B6468
83.3%	83.3% #524D50	RGB 82 77 80	#524D50
100.0%	100.0% #3A3639	RGB 58 54 57	#3A3639

#CDC0C7 #B4A9AF #9C9297 #837B80 #6B6468 #524D50 #3A3639

#CDC0C7 - #3A3639

Mezcla HSV

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

0.0%	0.0% #CDC0C7	RGB 205 192 199	#CDC0C7
16.7%	16.7% #B4A8AF	RGB 180 168 175	#B4A8AF
33.3%	33.3% #9C9198	RGB 156 145 152	#9C9198
50.0%	50.0% #837A80	RGB 131 122 128	#837A80
66.7%	66.7% #6B6368	RGB 107 99 104	#6B6368
83.3%	83.3% #524C50	RGB 82 76 80	#524C50
100.0%	100.0% #3A3639	RGB 58 54 57	#3A3639

#CDC0C7 #B4A8AF #9C9198 #837A80 #6B6368 #524C50 #3A3639

#CDC0C7 - #837A80 - #3A3639

Códigos CSS

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

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