#CECCC6 - #3A3938 | 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 #CECCC6 a #3A3938

#CECCC6 #3A3938

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

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

0.0%	0.0% #CECCC6	RGB 206 204 198	#CECCC6
16.7%	16.7% #B5B3AE	RGB 181 179 174	#B5B3AE
33.3%	33.3% #9C9B96	RGB 156 155 150	#9C9B96
50.0%	50.0% #84827F	RGB 132 130 127	#84827F
66.7%	66.7% #6B6A67	RGB 107 106 103	#6B6A67
83.3%	83.3% #52514F	RGB 82 81 79	#52514F
100.0%	100.0% #3A3938	RGB 58 57 56	#3A3938

#CECCC6 #B5B3AE #9C9B96 #84827F #6B6A67 #52514F #3A3938

#CECCC6 - #3A3938

Mezcla HSV

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

0.0%	0.0% #CECCC6	RGB 206 204 198	#CECCC6
16.7%	16.7% #B5B3AE	RGB 181 179 174	#B5B3AE
33.3%	33.3% #9C9A96	RGB 156 154 150	#9C9A96
50.0%	50.0% #84827F	RGB 132 130 127	#84827F
66.7%	66.7% #6B6967	RGB 107 105 103	#6B6967
83.3%	83.3% #52514F	RGB 82 81 79	#52514F
100.0%	100.0% #3A3938	RGB 58 57 56	#3A3938

#CECCC6 #B5B3AE #9C9A96 #84827F #6B6967 #52514F #3A3938

#CECCC6 - #84827F - #3A3938

Códigos CSS

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

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