#FF2B8C - #FFA8AA | 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 #FF2B8C a #FFA8AA

#FF2B8C #FFA8AA

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

#FF2B8C - #FFA8AA | 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 #FF2B8C como 0% y #FFA8AA como 100%.

0.0%	0.0% #FF2B8C	RGB 255 43 140	#FF2B8C
16.7%	16.7% #FF3F91	RGB 255 63 145	#FF3F91
33.3%	33.3% #FF5496	RGB 255 84 150	#FF5496
50.0%	50.0% #FF699B	RGB 255 105 155	#FF699B
66.7%	66.7% #FF7EA0	RGB 255 126 160	#FF7EA0
83.3%	83.3% #FF93A5	RGB 255 147 165	#FF93A5
100.0%	100.0% #FFA8AA	RGB 255 168 170	#FFA8AA

#FF2B8C #FF3F91 #FF5496 #FF699B #FF7EA0 #FF93A5 #FFA8AA

#FF2B8C - #FFA8AA

Mezcla HSV

#FF2B8C - #FFA8AA | 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 #FF2B8C como 0% y #FFA8AA como 100%.

0.0%	0.0% #FF2A8C	RGB 255 42 140	#FF2A8C
16.7%	16.7% #FF3F89	RGB 255 63 137	#FF3F89
33.3%	33.3% #FF5489	RGB 255 84 137	#FF5489
50.0%	50.0% #FF698D	RGB 255 105 141	#FF698D
66.7%	66.7% #FF7E93	RGB 255 126 147	#FF7E93
83.3%	83.3% #FF939D	RGB 255 147 157	#FF939D
100.0%	100.0% #FFA8AA	RGB 255 168 170	#FFA8AA

#FF2A8C #FF3F89 #FF5489 #FF698D #FF7E93 #FF939D #FFA8AA

#FF2B8C - #FF698D - #FFA8AA

Códigos CSS

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

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