#C5C2FF - #785AE1 | 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 #C5C2FF to #785AE1

#C5C2FF #785AE1

Calculate the color between two colors, #C5C2FF and #785AE1. 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)

#C5C2FF - #785AE1 | 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 #C5C2FF as 0% and #785AE1 as 100%.

0.0%	0.0% #C5C2FF	RGB 197 194 255	#C5C2FF
16.7%	16.7% #B8B0FA	RGB 184 176 250	#B8B0FA
33.3%	33.3% #AB9FF5	RGB 171 159 245	#AB9FF5
50.0%	50.0% #9E8EF0	RGB 158 142 240	#9E8EF0
66.7%	66.7% #917CEB	RGB 145 124 235	#917CEB
83.3%	83.3% #846BE6	RGB 132 107 230	#846BE6
100.0%	100.0% #785AE1	RGB 120 90 225	#785AE1

#C5C2FF #B8B0FA #AB9FF5 #9E8EF0 #917CEB #846BE6 #785AE1

#C5C2FF - #785AE1

HSV Blend

#C5C2FF - #785AE1 | 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 #C5C2FF as 0% and #785AE1 as 100%.

0.0%	0.0% #C5C2FF	RGB 197 194 255	#C5C2FF
16.7%	16.7% #B5AFFA	RGB 181 175 250	#B5AFFA
33.3%	33.3% #A69CF5	RGB 166 156 245	#A69CF5
50.0%	50.0% #988BF0	RGB 152 139 240	#988BF0
66.7%	66.7% #8C7AEB	RGB 140 122 235	#8C7AEB
83.3%	83.3% #8169E6	RGB 129 105 230	#8169E6
100.0%	100.0% #785AE1	RGB 120 90 225	#785AE1

#C5C2FF #B5AFFA #A69CF5 #988BF0 #8C7AEB #8169E6 #785AE1

#C5C2FF - #988BF0 - #785AE1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5C2FF 0%, #988BF0 50%, #785AE1 100%);
    background: -webkit-linear-gradient(top, #C5C2FF 0%, #988BF0 50%, #785AE1 100%);
    background: linear-gradient(to bottom, #C5C2FF 0%, #988BF0 50%, #785AE1 100%);
}
</style>