#DF06C2 - #FF8EFF | 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 #DF06C2 to #FF8EFF

#DF06C2 #FF8EFF

Calculate the color between two colors, #DF06C2 and #FF8EFF. 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)

#DF06C2 - #FF8EFF | 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 #DF06C2 as 0% and #FF8EFF as 100%.

0.0%	0.0% #DF06C2	RGB 223 6 194	#DF06C2
16.7%	16.7% #E41CCC	RGB 228 28 204	#E41CCC
33.3%	33.3% #E933D6	RGB 233 51 214	#E933D6
50.0%	50.0% #EF4AE0	RGB 239 74 224	#EF4AE0
66.7%	66.7% #F460EA	RGB 244 96 234	#F460EA
83.3%	83.3% #F977F4	RGB 249 119 244	#F977F4
100.0%	100.0% #FF8EFF	RGB 255 142 255	#FF8EFF

#DF06C2 #E41CCC #E933D6 #EF4AE0 #F460EA #F977F4 #FF8EFF

#DF06C2 - #FF8EFF

HSV Blend

#DF06C2 - #FF8EFF | 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 #DF06C2 as 0% and #FF8EFF as 100%.

0.0%	0.0% #DF06C2	RGB 223 6 194	#DF06C2
16.7%	16.7% #E41ACD	RGB 228 26 205	#E41ACD
33.3%	33.3% #E92FD9	RGB 233 47 217	#E92FD9
50.0%	50.0% #EF45E3	RGB 239 69 227	#EF45E3
66.7%	66.7% #F45CED	RGB 244 92 237	#F45CED
83.3%	83.3% #F974F6	RGB 249 116 246	#F974F6
100.0%	100.0% #FF8EFF	RGB 255 142 255	#FF8EFF

#DF06C2 #E41ACD #E92FD9 #EF45E3 #F45CED #F974F6 #FF8EFF

#DF06C2 - #EF45E3 - #FF8EFF

CSS codes

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

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