#CACBC3 - #393A37 | 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 #CACBC3 a #393A37

#CACBC3 #393A37

Calcule el color entre dos colores, #CACBC3 y #393A37. 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)

#CACBC3 - #393A37 | 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 #CACBC3 como 0% y #393A37 como 100%.

0.0%	0.0% #CACBC3	RGB 202 203 195	#CACBC3
16.7%	16.7% #B1B2AB	RGB 177 178 171	#B1B2AB
33.3%	33.3% #999A94	RGB 153 154 148	#999A94
50.0%	50.0% #81827D	RGB 129 130 125	#81827D
66.7%	66.7% #696A65	RGB 105 106 101	#696A65
83.3%	83.3% #51524E	RGB 81 82 78	#51524E
100.0%	100.0% #393A37	RGB 57 58 55	#393A37

#CACBC3 #B1B2AB #999A94 #81827D #696A65 #51524E #393A37

#CACBC3 - #393A37

Mezcla HSV

#CACBC3 - #393A37 | 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 #CACBC3 como 0% y #393A37 como 100%.

0.0%	0.0% #CACBC3	RGB 202 203 195	#CACBC3
16.7%	16.7% #B1B2AB	RGB 177 178 171	#B1B2AB
33.3%	33.3% #999A93	RGB 153 154 147	#999A93
50.0%	50.0% #81827C	RGB 129 130 124	#81827C
66.7%	66.7% #686A65	RGB 104 106 101	#686A65
83.3%	83.3% #50524E	RGB 80 82 78	#50524E
100.0%	100.0% #393A37	RGB 57 58 55	#393A37

#CACBC3 #B1B2AB #999A93 #81827C #686A65 #50524E #393A37

#CACBC3 - #81827C - #393A37

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CACBC3 0%, #81827C 50%, #393A37 100%);
    background: -webkit-linear-gradient(top, #CACBC3 0%, #81827C 50%, #393A37 100%);
    background: linear-gradient(to bottom, #CACBC3 0%, #81827C 50%, #393A37 100%);
}
</style>