#2D1D2B - #8B5E5F | 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 #2D1D2B a #8B5E5F

#2D1D2B #8B5E5F

Calcule el color entre dos colores, #2D1D2B y #8B5E5F. 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)

#2D1D2B - #8B5E5F | 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 #2D1D2B como 0% y #8B5E5F como 100%.

0.0%	0.0% #2D1D2B	RGB 45 29 43	#2D1D2B
16.7%	16.7% #3C2733	RGB 60 39 51	#3C2733
33.3%	33.3% #4C323C	RGB 76 50 60	#4C323C
50.0%	50.0% #5C3D45	RGB 92 61 69	#5C3D45
66.7%	66.7% #6B484D	RGB 107 72 77	#6B484D
83.3%	83.3% #7B5356	RGB 123 83 86	#7B5356
100.0%	100.0% #8B5E5F	RGB 139 94 95	#8B5E5F

#2D1D2B #3C2733 #4C323C #5C3D45 #6B484D #7B5356 #8B5E5F

#2D1D2B - #8B5E5F

Mezcla HSV

#2D1D2B - #8B5E5F | 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 #2D1D2B como 0% y #8B5E5F como 100%.

0.0%	0.0% #2D1D2A	RGB 45 29 42	#2D1D2A
16.7%	16.7% #3C2736	RGB 60 39 54	#3C2736
33.3%	33.3% #4C3241	RGB 76 50 65	#4C3241
50.0%	50.0% #5C3C4A	RGB 92 60 74	#5C3C4A
66.7%	66.7% #6B4752	RGB 107 71 82	#6B4752
83.3%	83.3% #7B5259	RGB 123 82 89	#7B5259
100.0%	100.0% #8B5E5F	RGB 139 94 95	#8B5E5F

#2D1D2A #3C2736 #4C3241 #5C3C4A #6B4752 #7B5259 #8B5E5F

#2D1D2B - #5C3C4A - #8B5E5F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D1D2A 0%, #5C3C4A 50%, #8B5E5F 100%);
    background: -webkit-linear-gradient(top, #2D1D2A 0%, #5C3C4A 50%, #8B5E5F 100%);
    background: linear-gradient(to bottom, #2D1D2A 0%, #5C3C4A 50%, #8B5E5F 100%);
}
</style>