#2D151C - #5E3A50 | 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 #2D151C a #5E3A50

#2D151C #5E3A50

Calcule el color entre dos colores, #2D151C y #5E3A50. 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)

#2D151C - #5E3A50 | 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 #2D151C como 0% y #5E3A50 como 100%.

0.0%	0.0% #2D151C	RGB 45 21 28	#2D151C
16.7%	16.7% #351B24	RGB 53 27 36	#351B24
33.3%	33.3% #3D212D	RGB 61 33 45	#3D212D
50.0%	50.0% #452736	RGB 69 39 54	#452736
66.7%	66.7% #4D2D3E	RGB 77 45 62	#4D2D3E
83.3%	83.3% #553347	RGB 85 51 71	#553347
100.0%	100.0% #5E3A50	RGB 94 58 80	#5E3A50

#2D151C #351B24 #3D212D #452736 #4D2D3E #553347 #5E3A50

#2D151C - #5E3A50

Mezcla HSV

#2D151C - #5E3A50 | 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 #2D151C como 0% y #5E3A50 como 100%.

0.0%	0.0% #2D151C	RGB 45 21 28	#2D151C
16.7%	16.7% #351A23	RGB 53 26 35	#351A23
33.3%	33.3% #3D1F2B	RGB 61 31 43	#3D1F2B
50.0%	50.0% #452534	RGB 69 37 52	#452534
66.7%	66.7% #4D2C3D	RGB 77 44 61	#4D2C3D
83.3%	83.3% #553246	RGB 85 50 70	#553246
100.0%	100.0% #5E3A50	RGB 94 58 80	#5E3A50

#2D151C #351A23 #3D1F2B #452534 #4D2C3D #553246 #5E3A50

#2D151C - #452534 - #5E3A50

Códigos CSS

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

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