#473F3C - #CAC8C7 | 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 #473F3C a #CAC8C7

#473F3C #CAC8C7

Calcule el color entre dos colores, #473F3C y #CAC8C7. 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)

#473F3C - #CAC8C7 | 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 #473F3C como 0% y #CAC8C7 como 100%.

0.0%	0.0% #473F3C	RGB 71 63 60	#473F3C
16.7%	16.7% #5C5553	RGB 92 85 83	#5C5553
33.3%	33.3% #726C6A	RGB 114 108 106	#726C6A
50.0%	50.0% #888381	RGB 136 131 129	#888381
66.7%	66.7% #9E9A98	RGB 158 154 152	#9E9A98
83.3%	83.3% #B4B1AF	RGB 180 177 175	#B4B1AF
100.0%	100.0% #CAC8C7	RGB 202 200 199	#CAC8C7

#473F3C #5C5553 #726C6A #888381 #9E9A98 #B4B1AF #CAC8C7

#473F3C - #CAC8C7

Mezcla HSV

#473F3C - #CAC8C7 | 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 #473F3C como 0% y #CAC8C7 como 100%.

0.0%	0.0% #473F3C	RGB 71 63 60	#473F3C
16.7%	16.7% #5C5450	RGB 92 84 80	#5C5450
33.3%	33.3% #726966	RGB 114 105 102	#726966
50.0%	50.0% #88807C	RGB 136 128 124	#88807C
66.7%	66.7% #9E9794	RGB 158 151 148	#9E9794
83.3%	83.3% #B4AFAD	RGB 180 175 173	#B4AFAD
100.0%	100.0% #CAC8C7	RGB 202 200 199	#CAC8C7

#473F3C #5C5450 #726966 #88807C #9E9794 #B4AFAD #CAC8C7

#473F3C - #88807C - #CAC8C7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #473F3C 0%, #88807C 50%, #CAC8C7 100%);
    background: -webkit-linear-gradient(top, #473F3C 0%, #88807C 50%, #CAC8C7 100%);
    background: linear-gradient(to bottom, #473F3C 0%, #88807C 50%, #CAC8C7 100%);
}
</style>