#553532 - #CEC5C4 | 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 #553532 a #CEC5C4

#553532 #CEC5C4

Calcule el color entre dos colores, #553532 y #CEC5C4. 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)

#553532 - #CEC5C4 | 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 #553532 como 0% y #CEC5C4 como 100%.

0.0%	0.0% #553532	RGB 85 53 50	#553532
16.7%	16.7% #694D4A	RGB 105 77 74	#694D4A
33.3%	33.3% #7D6562	RGB 125 101 98	#7D6562
50.0%	50.0% #917D7B	RGB 145 125 123	#917D7B
66.7%	66.7% #A59593	RGB 165 149 147	#A59593
83.3%	83.3% #B9ADAB	RGB 185 173 171	#B9ADAB
100.0%	100.0% #CEC5C4	RGB 206 197 196	#CEC5C4

#553532 #694D4A #7D6562 #917D7B #A59593 #B9ADAB #CEC5C4

#553532 - #CEC5C4

Mezcla HSV

#553532 - #CEC5C4 | 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 #553532 como 0% y #CEC5C4 como 100%.

0.0%	0.0% #553532	RGB 85 53 50	#553532
16.7%	16.7% #694744	RGB 105 71 68	#694744
33.3%	33.3% #7D5C58	RGB 125 92 88	#7D5C58
50.0%	50.0% #917370	RGB 145 115 112	#917370
66.7%	66.7% #A58C89	RGB 165 140 137	#A58C89
83.3%	83.3% #B9A7A5	RGB 185 167 165	#B9A7A5
100.0%	100.0% #CEC5C4	RGB 206 197 196	#CEC5C4

#553532 #694744 #7D5C58 #917370 #A58C89 #B9A7A5 #CEC5C4

#553532 - #917370 - #CEC5C4

Códigos CSS

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

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