#C2BAD7 - #785B95 | 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 #C2BAD7 to #785B95

#C2BAD7 #785B95

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

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

0.0%	0.0% #C2BAD7	RGB 194 186 215	#C2BAD7
16.7%	16.7% #B5AACC	RGB 181 170 204	#B5AACC
33.3%	33.3% #A99AC1	RGB 169 154 193	#A99AC1
50.0%	50.0% #9D8AB6	RGB 157 138 182	#9D8AB6
66.7%	66.7% #907AAB	RGB 144 122 171	#907AAB
83.3%	83.3% #846AA0	RGB 132 106 160	#846AA0
100.0%	100.0% #785B95	RGB 120 91 149	#785B95

#C2BAD7 #B5AACC #A99AC1 #9D8AB6 #907AAB #846AA0 #785B95

#C2BAD7 - #785B95

HSV Blend

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

0.0%	0.0% #C2BAD7	RGB 194 186 215	#C2BAD7
16.7%	16.7% #B3A7CC	RGB 179 167 204	#B3A7CC
33.3%	33.3% #A596C1	RGB 165 150 193	#A596C1
50.0%	50.0% #9886B6	RGB 152 134 182	#9886B6
66.7%	66.7% #8D76AB	RGB 141 118 171	#8D76AB
83.3%	83.3% #8268A0	RGB 130 104 160	#8268A0
100.0%	100.0% #785B95	RGB 120 91 149	#785B95

#C2BAD7 #B3A7CC #A596C1 #9886B6 #8D76AB #8268A0 #785B95

#C2BAD7 - #9886B6 - #785B95

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2BAD7 0%, #9886B6 50%, #785B95 100%);
    background: -webkit-linear-gradient(top, #C2BAD7 0%, #9886B6 50%, #785B95 100%);
    background: linear-gradient(to bottom, #C2BAD7 0%, #9886B6 50%, #785B95 100%);
}
</style>