#FF5B64 - #FFD0D2 | 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 #FF5B64 a #FFD0D2

#FF5B64 #FFD0D2

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

#FF5B64 - #FFD0D2 | 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 #FF5B64 como 0% y #FFD0D2 como 100%.

0.0%	0.0% #FF5B64	RGB 255 91 100	#FF5B64
16.7%	16.7% #FF6E76	RGB 255 110 118	#FF6E76
33.3%	33.3% #FF8288	RGB 255 130 136	#FF8288
50.0%	50.0% #FF959B	RGB 255 149 155	#FF959B
66.7%	66.7% #FFA9AD	RGB 255 169 173	#FFA9AD
83.3%	83.3% #FFBCBF	RGB 255 188 191	#FFBCBF
100.0%	100.0% #FFD0D2	RGB 255 208 210	#FFD0D2

#FF5B64 #FF6E76 #FF8288 #FF959B #FFA9AD #FFBCBF #FFD0D2

#FF5B64 - #FFD0D2

Mezcla HSV

#FF5B64 - #FFD0D2 | 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 #FF5B64 como 0% y #FFD0D2 como 100%.

0.0%	0.0% #FF5B64	RGB 255 91 100	#FF5B64
16.7%	16.7% #FF6E76	RGB 255 110 118	#FF6E76
33.3%	33.3% #FF8288	RGB 255 130 136	#FF8288
50.0%	50.0% #FF959A	RGB 255 149 154	#FF959A
66.7%	66.7% #FFA9AD	RGB 255 169 173	#FFA9AD
83.3%	83.3% #FFBCBF	RGB 255 188 191	#FFBCBF
100.0%	100.0% #FFD0D2	RGB 255 208 210	#FFD0D2

#FF5B64 #FF6E76 #FF8288 #FF959A #FFA9AD #FFBCBF #FFD0D2

#FF5B64 - #FF959A - #FFD0D2

Códigos CSS

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

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