#CCC3A1 - #3A372E | 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 #CCC3A1 a #3A372E

#CCC3A1 #3A372E

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

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

0.0%	0.0% #CCC3A1	RGB 204 195 161	#CCC3A1
16.7%	16.7% #B3AB8D	RGB 179 171 141	#B3AB8D
33.3%	33.3% #9B947A	RGB 155 148 122	#9B947A
50.0%	50.0% #837D67	RGB 131 125 103	#837D67
66.7%	66.7% #6A6554	RGB 106 101 84	#6A6554
83.3%	83.3% #524E41	RGB 82 78 65	#524E41
100.0%	100.0% #3A372E	RGB 58 55 46	#3A372E

#CCC3A1 #B3AB8D #9B947A #837D67 #6A6554 #524E41 #3A372E

#CCC3A1 - #3A372E

Mezcla HSV

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

0.0%	0.0% #CCC3A1	RGB 204 195 161	#CCC3A1
16.7%	16.7% #B3AB8D	RGB 179 171 141	#B3AB8D
33.3%	33.3% #9B947A	RGB 155 148 122	#9B947A
50.0%	50.0% #837C67	RGB 131 124 103	#837C67
66.7%	66.7% #6A6554	RGB 106 101 84	#6A6554
83.3%	83.3% #524E41	RGB 82 78 65	#524E41
100.0%	100.0% #3A372E	RGB 58 55 46	#3A372E

#CCC3A1 #B3AB8D #9B947A #837C67 #6A6554 #524E41 #3A372E

#CCC3A1 - #837C67 - #3A372E

Códigos CSS

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

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