#D79EFF - #7F25CE | 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 #D79EFF to #7F25CE

#D79EFF #7F25CE

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

#D79EFF - #7F25CE | 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 #D79EFF as 0% and #7F25CE as 100%.

0.0%	0.0% #D79EFF	RGB 215 158 255	#D79EFF
16.7%	16.7% #C889F6	RGB 200 137 246	#C889F6
33.3%	33.3% #B975EE	RGB 185 117 238	#B975EE
50.0%	50.0% #AB61E6	RGB 171 97 230	#AB61E6
66.7%	66.7% #9C4DDE	RGB 156 77 222	#9C4DDE
83.3%	83.3% #8D39D6	RGB 141 57 214	#8D39D6
100.0%	100.0% #7F25CE	RGB 127 37 206	#7F25CE

#D79EFF #C889F6 #B975EE #AB61E6 #9C4DDE #8D39D6 #7F25CE

#D79EFF - #7F25CE

HSV Blend

#D79EFF - #7F25CE | 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 #D79EFF as 0% and #7F25CE as 100%.

0.0%	0.0% #D79EFF	RGB 215 158 255	#D79EFF
16.7%	16.7% #C786F6	RGB 199 134 246	#C786F6
33.3%	33.3% #B870EE	RGB 184 112 238	#B870EE
50.0%	50.0% #A95CE6	RGB 169 92 230	#A95CE6
66.7%	66.7% #9B48DE	RGB 155 72 222	#9B48DE
83.3%	83.3% #8C36D6	RGB 140 54 214	#8C36D6
100.0%	100.0% #7F25CE	RGB 127 37 206	#7F25CE

#D79EFF #C786F6 #B870EE #A95CE6 #9B48DE #8C36D6 #7F25CE

#D79EFF - #A95CE6 - #7F25CE

CSS codes

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

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