#FF3B7B - #A50038 | 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 #FF3B7B a #A50038

#FF3B7B #A50038

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

#FF3B7B - #A50038 | 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 #FF3B7B como 0% y #A50038 como 100%.

0.0%	0.0% #FF3B7B	RGB 255 59 123	#FF3B7B
16.7%	16.7% #F0316F	RGB 240 49 111	#F0316F
33.3%	33.3% #E12764	RGB 225 39 100	#E12764
50.0%	50.0% #D21D59	RGB 210 29 89	#D21D59
66.7%	66.7% #C3134E	RGB 195 19 78	#C3134E
83.3%	83.3% #B40943	RGB 180 9 67	#B40943
100.0%	100.0% #A50038	RGB 165 0 56	#A50038

#FF3B7B #F0316F #E12764 #D21D59 #C3134E #B40943 #A50038

#FF3B7B - #A50038

Mezcla HSV

#FF3B7B - #A50038 | 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 #FF3B7B como 0% y #A50038 como 100%.

0.0%	0.0% #FF3B7B	RGB 255 59 123	#FF3B7B
16.7%	16.7% #F02E6D	RGB 240 46 109	#F02E6D
33.3%	33.3% #E12261	RGB 225 34 97	#E12261
50.0%	50.0% #D21856	RGB 210 24 86	#D21856
66.7%	66.7% #C30F4B	RGB 195 15 75	#C30F4B
83.3%	83.3% #B40641	RGB 180 6 65	#B40641
100.0%	100.0% #A50038	RGB 165 0 56	#A50038

#FF3B7B #F02E6D #E12261 #D21856 #C30F4B #B40641 #A50038

#FF3B7B - #D21856 - #A50038

Códigos CSS

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

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