#FFB0EE - #DC38B0 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #FFB0EE to #DC38B0

#FFB0EE #DC38B0

Calculate the color between two colors, #FFB0EE and #DC38B0. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#FFB0EE - #DC38B0 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #FFB0EE as 0% and #DC38B0 as 100%.

0.0%	0.0% #FFB0EE	RGB 255 176 238	#FFB0EE
16.7%	16.7% #F99CE3	RGB 249 156 227	#F99CE3
33.3%	33.3% #F388D9	RGB 243 136 217	#F388D9
50.0%	50.0% #ED74CF	RGB 237 116 207	#ED74CF
66.7%	66.7% #E760C4	RGB 231 96 196	#E760C4
83.3%	83.3% #E14CBA	RGB 225 76 186	#E14CBA
100.0%	100.0% #DC38B0	RGB 220 56 176	#DC38B0

#FFB0EE #F99CE3 #F388D9 #ED74CF #E760C4 #E14CBA #DC38B0

#FFB0EE - #DC38B0

HSV Blend

#FFB0EE - #DC38B0 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #FFB0EE as 0% and #DC38B0 as 100%.

0.0%	0.0% #FFB0EE	RGB 255 176 238	#FFB0EE
16.7%	16.7% #F999E3	RGB 249 153 227	#F999E3
33.3%	33.3% #F384D9	RGB 243 132 217	#F384D9
50.0%	50.0% #ED70CF	RGB 237 112 207	#ED70CF
66.7%	66.7% #E75CC4	RGB 231 92 196	#E75CC4
83.3%	83.3% #E149BA	RGB 225 73 186	#E149BA
100.0%	100.0% #DC38B0	RGB 220 56 176	#DC38B0

#FFB0EE #F999E3 #F384D9 #ED70CF #E75CC4 #E149BA #DC38B0

#FFB0EE - #ED70CF - #DC38B0

CSS codes

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

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