#DF5C92 - #FFBFAE | 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 #DF5C92 a #FFBFAE

#DF5C92 #FFBFAE

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

#DF5C92 - #FFBFAE | 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 #DF5C92 como 0% y #FFBFAE como 100%.

0.0%	0.0% #DF5C92	RGB 223 92 146	#DF5C92
16.7%	16.7% #E46C96	RGB 228 108 150	#E46C96
33.3%	33.3% #E97D9B	RGB 233 125 155	#E97D9B
50.0%	50.0% #EF8DA0	RGB 239 141 160	#EF8DA0
66.7%	66.7% #F49EA4	RGB 244 158 164	#F49EA4
83.3%	83.3% #F9AEA9	RGB 249 174 169	#F9AEA9
100.0%	100.0% #FFBFAE	RGB 255 191 174	#FFBFAE

#DF5C92 #E46C96 #E97D9B #EF8DA0 #F49EA4 #F9AEA9 #FFBFAE

#DF5C92 - #FFBFAE

Mezcla HSV

#DF5C92 - #FFBFAE | 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 #DF5C92 como 0% y #FFBFAE como 100%.

0.0%	0.0% #DF5C92	RGB 223 92 146	#DF5C92
16.7%	16.7% #E4688E	RGB 228 104 142	#E4688E
33.3%	33.3% #E9758D	RGB 233 117 141	#E9758D
50.0%	50.0% #EF828D	RGB 239 130 141	#EF828D
66.7%	66.7% #F49090	RGB 244 144 144	#F49090
83.3%	83.3% #F9A89F	RGB 249 168 159	#F9A89F
100.0%	100.0% #FFBFAE	RGB 255 191 174	#FFBFAE

#DF5C92 #E4688E #E9758D #EF828D #F49090 #F9A89F #FFBFAE

#DF5C92 - #EF828D - #FFBFAE

Códigos CSS

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

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