#C24B5E - #37151A | 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 #C24B5E a #37151A

#C24B5E #37151A

Calcule el color entre dos colores, #C24B5E y #37151A. 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)

#C24B5E - #37151A | 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 #C24B5E como 0% y #37151A como 100%.

0.0%	0.0% #C24B5E	RGB 194 75 94	#C24B5E
16.7%	16.7% #AA4252	RGB 170 66 82	#AA4252
33.3%	33.3% #933947	RGB 147 57 71	#933947
50.0%	50.0% #7C303C	RGB 124 48 60	#7C303C
66.7%	66.7% #652730	RGB 101 39 48	#652730
83.3%	83.3% #4E1E25	RGB 78 30 37	#4E1E25
100.0%	100.0% #37151A	RGB 55 21 26	#37151A

#C24B5E #AA4252 #933947 #7C303C #652730 #4E1E25 #37151A

#C24B5E - #37151A

Mezcla HSV

#C24B5E - #37151A | 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 #C24B5E como 0% y #37151A como 100%.

0.0%	0.0% #C24B5D	RGB 194 75 93	#C24B5D
16.7%	16.7% #AA4152	RGB 170 65 82	#AA4152
33.3%	33.3% #933846	RGB 147 56 70	#933846
50.0%	50.0% #7C2F3B	RGB 124 47 59	#7C2F3B
66.7%	66.7% #652630	RGB 101 38 48	#652630
83.3%	83.3% #4E1D25	RGB 78 29 37	#4E1D25
100.0%	100.0% #37151A	RGB 55 21 26	#37151A

#C24B5D #AA4152 #933846 #7C2F3B #652630 #4E1D25 #37151A

#C24B5E - #7C2F3B - #37151A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C24B5D 0%, #7C2F3B 50%, #37151A 100%);
    background: -webkit-linear-gradient(top, #C24B5D 0%, #7C2F3B 50%, #37151A 100%);
    background: linear-gradient(to bottom, #C24B5D 0%, #7C2F3B 50%, #37151A 100%);
}
</style>