#C49FD8 - #703B94 | 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 #C49FD8 to #703B94

#C49FD8 #703B94

Calculate the color between two colors, #C49FD8 and #703B94. 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)

#C49FD8 - #703B94 | 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 #C49FD8 as 0% and #703B94 as 100%.

0.0%	0.0% #C49FD8	RGB 196 159 216	#C49FD8
16.7%	16.7% #B68ECC	RGB 182 142 204	#B68ECC
33.3%	33.3% #A87DC1	RGB 168 125 193	#A87DC1
50.0%	50.0% #9A6DB6	RGB 154 109 182	#9A6DB6
66.7%	66.7% #8C5CAA	RGB 140 92 170	#8C5CAA
83.3%	83.3% #7E4B9F	RGB 126 75 159	#7E4B9F
100.0%	100.0% #703B94	RGB 112 59 148	#703B94

#C49FD8 #B68ECC #A87DC1 #9A6DB6 #8C5CAA #7E4B9F #703B94

#C49FD8 - #703B94

HSV Blend

#C49FD8 - #703B94 | 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 #C49FD8 as 0% and #703B94 as 100%.

0.0%	0.0% #C49FD8	RGB 196 159 216	#C49FD8
16.7%	16.7% #B58BCC	RGB 181 139 204	#B58BCC
33.3%	33.3% #A678C1	RGB 166 120 193	#A678C1
50.0%	50.0% #9867B6	RGB 152 103 182	#9867B6
66.7%	66.7% #8A57AA	RGB 138 87 170	#8A57AA
83.3%	83.3% #7C489F	RGB 124 72 159	#7C489F
100.0%	100.0% #703B94	RGB 112 59 148	#703B94

#C49FD8 #B58BCC #A678C1 #9867B6 #8A57AA #7C489F #703B94

#C49FD8 - #9867B6 - #703B94

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C49FD8 0%, #9867B6 50%, #703B94 100%);
    background: -webkit-linear-gradient(top, #C49FD8 0%, #9867B6 50%, #703B94 100%);
    background: linear-gradient(to bottom, #C49FD8 0%, #9867B6 50%, #703B94 100%);
}
</style>