#F0AFB5 - #DA5E5F | 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 #F0AFB5 a #DA5E5F

#F0AFB5 #DA5E5F

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

#F0AFB5 - #DA5E5F | 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 #F0AFB5 como 0% y #DA5E5F como 100%.

0.0%	0.0% #F0AFB5	RGB 240 175 181	#F0AFB5
16.7%	16.7% #ECA1A6	RGB 236 161 166	#ECA1A6
33.3%	33.3% #E89498	RGB 232 148 152	#E89498
50.0%	50.0% #E5868A	RGB 229 134 138	#E5868A
66.7%	66.7% #E1797B	RGB 225 121 123	#E1797B
83.3%	83.3% #DD6B6D	RGB 221 107 109	#DD6B6D
100.0%	100.0% #DA5E5F	RGB 218 94 95	#DA5E5F

#F0AFB5 #ECA1A6 #E89498 #E5868A #E1797B #DD6B6D #DA5E5F

#F0AFB5 - #DA5E5F

Mezcla HSV

#F0AFB5 - #DA5E5F | 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 #F0AFB5 como 0% y #DA5E5F como 100%.

0.0%	0.0% #F0AFB5	RGB 240 175 181	#F0AFB5
16.7%	16.7% #ECA0A6	RGB 236 160 166	#ECA0A6
33.3%	33.3% #E89298	RGB 232 146 152	#E89298
50.0%	50.0% #E58489	RGB 229 132 137	#E58489
66.7%	66.7% #E1777B	RGB 225 119 123	#E1777B
83.3%	83.3% #DD6A6D	RGB 221 106 109	#DD6A6D
100.0%	100.0% #DA5E5F	RGB 218 94 95	#DA5E5F

#F0AFB5 #ECA0A6 #E89298 #E58489 #E1777B #DD6A6D #DA5E5F

#F0AFB5 - #E58489 - #DA5E5F

Códigos CSS

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

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