#FFB5E7 - #DC44A5 | 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 #FFB5E7 a #DC44A5

#FFB5E7 #DC44A5

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

#FFB5E7 - #DC44A5 | 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 #FFB5E7 como 0% y #DC44A5 como 100%.

0.0%	0.0% #FFB5E7	RGB 255 181 231	#FFB5E7
16.7%	16.7% #F9A2DC	RGB 249 162 220	#F9A2DC
33.3%	33.3% #F38FD1	RGB 243 143 209	#F38FD1
50.0%	50.0% #ED7CC6	RGB 237 124 198	#ED7CC6
66.7%	66.7% #E769BB	RGB 231 105 187	#E769BB
83.3%	83.3% #E156B0	RGB 225 86 176	#E156B0
100.0%	100.0% #DC44A5	RGB 220 68 165	#DC44A5

#FFB5E7 #F9A2DC #F38FD1 #ED7CC6 #E769BB #E156B0 #DC44A5

#FFB5E7 - #DC44A5

Mezcla HSV

#FFB5E7 - #DC44A5 | 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 #FFB5E7 como 0% y #DC44A5 como 100%.

0.0%	0.0% #FFB5E7	RGB 255 181 231	#FFB5E7
16.7%	16.7% #F9A0DB	RGB 249 160 219	#F9A0DB
33.3%	33.3% #F38CD0	RGB 243 140 208	#F38CD0
50.0%	50.0% #ED78C5	RGB 237 120 197	#ED78C5
66.7%	66.7% #E766BA	RGB 231 102 186	#E766BA
83.3%	83.3% #E154AF	RGB 225 84 175	#E154AF
100.0%	100.0% #DC44A5	RGB 220 68 165	#DC44A5

#FFB5E7 #F9A0DB #F38CD0 #ED78C5 #E766BA #E154AF #DC44A5

#FFB5E7 - #ED78C5 - #DC44A5

Códigos CSS

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

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