#552B2B - #B56C53 | 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 #552B2B a #B56C53

#552B2B #B56C53

Calcule el color entre dos colores, #552B2B y #B56C53. 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)

#552B2B - #B56C53 | 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 #552B2B como 0% y #B56C53 como 100%.

0.0%	0.0% #552B2B	RGB 85 43 43	#552B2B
16.7%	16.7% #653531	RGB 101 53 49	#653531
33.3%	33.3% #754038	RGB 117 64 56	#754038
50.0%	50.0% #854B3F	RGB 133 75 63	#854B3F
66.7%	66.7% #955645	RGB 149 86 69	#955645
83.3%	83.3% #A5614C	RGB 165 97 76	#A5614C
100.0%	100.0% #B56C53	RGB 181 108 83	#B56C53

#552B2B #653531 #754038 #854B3F #955645 #A5614C #B56C53

#552B2B - #B56C53

Mezcla HSV

#552B2B - #B56C53 | 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 #552B2B como 0% y #B56C53 como 100%.

0.0%	0.0% #552B2B	RGB 85 43 43	#552B2B
16.7%	16.7% #653432	RGB 101 52 50	#653432
33.3%	33.3% #753E39	RGB 117 62 57	#753E39
50.0%	50.0% #854840	RGB 133 72 64	#854840
66.7%	66.7% #955346	RGB 149 83 70	#955346
83.3%	83.3% #A55F4C	RGB 165 95 76	#A55F4C
100.0%	100.0% #B56C53	RGB 181 108 83	#B56C53

#552B2B #653432 #753E39 #854840 #955346 #A55F4C #B56C53

#552B2B - #854840 - #B56C53

Códigos CSS

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

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