#FFB5E6 - #DC45A4 | 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 #FFB5E6 a #DC45A4

#FFB5E6 #DC45A4

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

#FFB5E6 - #DC45A4 | 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 #FFB5E6 como 0% y #DC45A4 como 100%.

0.0%	0.0% #FFB5E6	RGB 255 181 230	#FFB5E6
16.7%	16.7% #F9A2DB	RGB 249 162 219	#F9A2DB
33.3%	33.3% #F38FD0	RGB 243 143 208	#F38FD0
50.0%	50.0% #ED7DC5	RGB 237 125 197	#ED7DC5
66.7%	66.7% #E76ABA	RGB 231 106 186	#E76ABA
83.3%	83.3% #E157AF	RGB 225 87 175	#E157AF
100.0%	100.0% #DC45A4	RGB 220 69 164	#DC45A4

#FFB5E6 #F9A2DB #F38FD0 #ED7DC5 #E76ABA #E157AF #DC45A4

#FFB5E6 - #DC45A4

Mezcla HSV

#FFB5E6 - #DC45A4 | 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 #FFB5E6 como 0% y #DC45A4 como 100%.

0.0%	0.0% #FFB5E6	RGB 255 181 230	#FFB5E6
16.7%	16.7% #F9A0DA	RGB 249 160 218	#F9A0DA
33.3%	33.3% #F38CCF	RGB 243 140 207	#F38CCF
50.0%	50.0% #ED79C4	RGB 237 121 196	#ED79C4
66.7%	66.7% #E767B9	RGB 231 103 185	#E767B9
83.3%	83.3% #E155AE	RGB 225 85 174	#E155AE
100.0%	100.0% #DC45A4	RGB 220 69 164	#DC45A4

#FFB5E6 #F9A0DA #F38CCF #ED79C4 #E767B9 #E155AE #DC45A4

#FFB5E6 - #ED79C4 - #DC45A4

Códigos CSS

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

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