#FF3C92 - #FFB7B1 | 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 #FF3C92 a #FFB7B1

#FF3C92 #FFB7B1

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

#FF3C92 - #FFB7B1 | 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 #FF3C92 como 0% y #FFB7B1 como 100%.

0.0%	0.0% #FF3C92	RGB 255 60 146	#FF3C92
16.7%	16.7% #FF5097	RGB 255 80 151	#FF5097
33.3%	33.3% #FF659C	RGB 255 101 156	#FF659C
50.0%	50.0% #FF79A1	RGB 255 121 161	#FF79A1
66.7%	66.7% #FF8EA6	RGB 255 142 166	#FF8EA6
83.3%	83.3% #FFA2AB	RGB 255 162 171	#FFA2AB
100.0%	100.0% #FFB7B1	RGB 255 183 177	#FFB7B1

#FF3C92 #FF5097 #FF659C #FF79A1 #FF8EA6 #FFA2AB #FFB7B1

#FF3C92 - #FFB7B1

Mezcla HSV

#FF3C92 - #FFB7B1 | 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 #FF3C92 como 0% y #FFB7B1 como 100%.

0.0%	0.0% #FF3B91	RGB 255 59 145	#FF3B91
16.7%	16.7% #FF4F8D	RGB 255 79 141	#FF4F8D
33.3%	33.3% #FF628C	RGB 255 98 140	#FF628C
50.0%	50.0% #FF768F	RGB 255 118 143	#FF768F
66.7%	66.7% #FF8A95	RGB 255 138 149	#FF8A95
83.3%	83.3% #FF9D9E	RGB 255 157 158	#FF9D9E
100.0%	100.0% #FFB7B1	RGB 255 183 177	#FFB7B1

#FF3B91 #FF4F8D #FF628C #FF768F #FF8A95 #FF9D9E #FFB7B1

#FF3C92 - #FF768F - #FFB7B1

Códigos CSS

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

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