#AB154E - #FB5E5E | 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 #AB154E a #FB5E5E

#AB154E #FB5E5E

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

#AB154E - #FB5E5E | 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 #AB154E como 0% y #FB5E5E como 100%.

0.0%	0.0% #AB154E	RGB 171 21 78	#AB154E
16.7%	16.7% #B82150	RGB 184 33 80	#B82150
33.3%	33.3% #C52D53	RGB 197 45 83	#C52D53
50.0%	50.0% #D33956	RGB 211 57 86	#D33956
66.7%	66.7% #E04558	RGB 224 69 88	#E04558
83.3%	83.3% #ED515B	RGB 237 81 91	#ED515B
100.0%	100.0% #FB5E5E	RGB 251 94 94	#FB5E5E

#AB154E #B82150 #C52D53 #D33956 #E04558 #ED515B #FB5E5E

#AB154E - #FB5E5E

Mezcla HSV

#AB154E - #FB5E5E | 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 #AB154E como 0% y #FB5E5E como 100%.

0.0%	0.0% #AB154E	RGB 171 21 78	#AB154E
16.7%	16.7% #B81E4F	RGB 184 30 79	#B81E4F
33.3%	33.3% #C52850	RGB 197 40 80	#C52850
50.0%	50.0% #D33452	RGB 211 52 82	#D33452
66.7%	66.7% #E04155	RGB 224 65 85	#E04155
83.3%	83.3% #ED4F59	RGB 237 79 89	#ED4F59
100.0%	100.0% #FB5E5E	RGB 251 94 94	#FB5E5E

#AB154E #B81E4F #C52850 #D33452 #E04155 #ED4F59 #FB5E5E

#AB154E - #D33452 - #FB5E5E

Códigos CSS

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

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