#CCCAB2 - #3A3932 | 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 #CCCAB2 a #3A3932

#CCCAB2 #3A3932

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

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

0.0%	0.0% #CCCAB2	RGB 204 202 178	#CCCAB2
16.7%	16.7% #B3B19C	RGB 179 177 156	#B3B19C
33.3%	33.3% #9B9987	RGB 155 153 135	#9B9987
50.0%	50.0% #838172	RGB 131 129 114	#838172
66.7%	66.7% #6A695C	RGB 106 105 92	#6A695C
83.3%	83.3% #525147	RGB 82 81 71	#525147
100.0%	100.0% #3A3932	RGB 58 57 50	#3A3932

#CCCAB2 #B3B19C #9B9987 #838172 #6A695C #525147 #3A3932

#CCCAB2 - #3A3932

Mezcla HSV

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

0.0%	0.0% #CCCAB2	RGB 204 202 178	#CCCAB2
16.7%	16.7% #B3B19C	RGB 179 177 156	#B3B19C
33.3%	33.3% #9B9986	RGB 155 153 134	#9B9986
50.0%	50.0% #838171	RGB 131 129 113	#838171
66.7%	66.7% #6A695C	RGB 106 105 92	#6A695C
83.3%	83.3% #525147	RGB 82 81 71	#525147
100.0%	100.0% #3A3932	RGB 58 57 50	#3A3932

#CCCAB2 #B3B19C #9B9986 #838171 #6A695C #525147 #3A3932

#CCCAB2 - #838171 - #3A3932

Códigos CSS

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

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