#FF2632 - #FFC1C4 | 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 #FF2632 a #FFC1C4

#FF2632 #FFC1C4

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

#FF2632 - #FFC1C4 | 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 #FF2632 como 0% y #FFC1C4 como 100%.

0.0%	0.0% #FF2632	RGB 255 38 50	#FF2632
16.7%	16.7% #FF3F4A	RGB 255 63 74	#FF3F4A
33.3%	33.3% #FF5962	RGB 255 89 98	#FF5962
50.0%	50.0% #FF737B	RGB 255 115 123	#FF737B
66.7%	66.7% #FF8D93	RGB 255 141 147	#FF8D93
83.3%	83.3% #FFA7AB	RGB 255 167 171	#FFA7AB
100.0%	100.0% #FFC1C4	RGB 255 193 196	#FFC1C4

#FF2632 #FF3F4A #FF5962 #FF737B #FF8D93 #FFA7AB #FFC1C4

#FF2632 - #FFC1C4

Mezcla HSV

#FF2632 - #FFC1C4 | 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 #FF2632 como 0% y #FFC1C4 como 100%.

0.0%	0.0% #FF2532	RGB 255 37 50	#FF2532
16.7%	16.7% #FF3F4A	RGB 255 63 74	#FF3F4A
33.3%	33.3% #FF5962	RGB 255 89 98	#FF5962
50.0%	50.0% #FF737A	RGB 255 115 122	#FF737A
66.7%	66.7% #FF8D93	RGB 255 141 147	#FF8D93
83.3%	83.3% #FFA7AB	RGB 255 167 171	#FFA7AB
100.0%	100.0% #FFC1C4	RGB 255 193 196	#FFC1C4

#FF2532 #FF3F4A #FF5962 #FF737A #FF8D93 #FFA7AB #FFC1C4

#FF2632 - #FF737A - #FFC1C4

Códigos CSS

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

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