#FFB5FD - #DF37C7 | 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 #FFB5FD a #DF37C7

#FFB5FD #DF37C7

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

#FFB5FD - #DF37C7 | 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 #FFB5FD como 0% y #DF37C7 como 100%.

0.0%	0.0% #FFB5FD	RGB 255 181 253	#FFB5FD
16.7%	16.7% #F9A0F4	RGB 249 160 244	#F9A0F4
33.3%	33.3% #F48BEB	RGB 244 139 235	#F48BEB
50.0%	50.0% #EF76E2	RGB 239 118 226	#EF76E2
66.7%	66.7% #E961D9	RGB 233 97 217	#E961D9
83.3%	83.3% #E44CD0	RGB 228 76 208	#E44CD0
100.0%	100.0% #DF37C7	RGB 223 55 199	#DF37C7

#FFB5FD #F9A0F4 #F48BEB #EF76E2 #E961D9 #E44CD0 #DF37C7

#FFB5FD - #DF37C7

Mezcla HSV

#FFB5FD - #DF37C7 | 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 #FFB5FD como 0% y #DF37C7 como 100%.

0.0%	0.0% #FFB5FD	RGB 255 181 253	#FFB5FD
16.7%	16.7% #F99DF5	RGB 249 157 245	#F99DF5
33.3%	33.3% #F487ED	RGB 244 135 237	#F487ED
50.0%	50.0% #EF72E4	RGB 239 114 228	#EF72E4
66.7%	66.7% #E95DDB	RGB 233 93 219	#E95DDB
83.3%	83.3% #E449D1	RGB 228 73 209	#E449D1
100.0%	100.0% #DF37C7	RGB 223 55 199	#DF37C7

#FFB5FD #F99DF5 #F487ED #EF72E4 #E95DDB #E449D1 #DF37C7

#FFB5FD - #EF72E4 - #DF37C7

Códigos CSS

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

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