#FDC3E3 - #DA5E9F | 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 #FDC3E3 a #DA5E9F

#FDC3E3 #DA5E9F

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

#FDC3E3 - #DA5E9F | 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 #FDC3E3 como 0% y #DA5E9F como 100%.

0.0%	0.0% #FDC3E3	RGB 253 195 227	#FDC3E3
16.7%	16.7% #F7B2D7	RGB 247 178 215	#F7B2D7
33.3%	33.3% #F1A1CC	RGB 241 161 204	#F1A1CC
50.0%	50.0% #EB90C1	RGB 235 144 193	#EB90C1
66.7%	66.7% #E57FB5	RGB 229 127 181	#E57FB5
83.3%	83.3% #DF6EAA	RGB 223 110 170	#DF6EAA
100.0%	100.0% #DA5E9F	RGB 218 94 159	#DA5E9F

#FDC3E3 #F7B2D7 #F1A1CC #EB90C1 #E57FB5 #DF6EAA #DA5E9F

#FDC3E3 - #DA5E9F

Mezcla HSV

#FDC3E3 - #DA5E9F | 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 #FDC3E3 como 0% y #DA5E9F como 100%.

0.0%	0.0% #FDC3E3	RGB 253 195 227	#FDC3E3
16.7%	16.7% #F7B0D7	RGB 247 176 215	#F7B0D7
33.3%	33.3% #F19ECB	RGB 241 158 203	#F19ECB
50.0%	50.0% #EB8DC0	RGB 235 141 192	#EB8DC0
66.7%	66.7% #E57DB4	RGB 229 125 180	#E57DB4
83.3%	83.3% #DF6DA9	RGB 223 109 169	#DF6DA9
100.0%	100.0% #DA5E9F	RGB 218 94 159	#DA5E9F

#FDC3E3 #F7B0D7 #F19ECB #EB8DC0 #E57DB4 #DF6DA9 #DA5E9F

#FDC3E3 - #EB8DC0 - #DA5E9F

Códigos CSS

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

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