#CFC2DB - #82679A | 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 #CFC2DB to #82679A

#CFC2DB #82679A

Calculate the color between two colors, #CFC2DB and #82679A. 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)

#CFC2DB - #82679A | 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 #CFC2DB as 0% and #82679A as 100%.

0.0%	0.0% #CFC2DB	RGB 207 194 219	#CFC2DB
16.7%	16.7% #C2B2D0	RGB 194 178 208	#C2B2D0
33.3%	33.3% #B5A3C5	RGB 181 163 197	#B5A3C5
50.0%	50.0% #A894BA	RGB 168 148 186	#A894BA
66.7%	66.7% #9B85AF	RGB 155 133 175	#9B85AF
83.3%	83.3% #8E76A4	RGB 142 118 164	#8E76A4
100.0%	100.0% #82679A	RGB 130 103 154	#82679A

#CFC2DB #C2B2D0 #B5A3C5 #A894BA #9B85AF #8E76A4 #82679A

#CFC2DB - #82679A

HSV Blend

#CFC2DB - #82679A | 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 #CFC2DB as 0% and #82679A as 100%.

0.0%	0.0% #CFC2DB	RGB 207 194 219	#CFC2DB
16.7%	16.7% #C1B0D0	RGB 193 176 208	#C1B0D0
33.3%	33.3% #B3A0C5	RGB 179 160 197	#B3A0C5
50.0%	50.0% #A690BA	RGB 166 144 186	#A690BA
66.7%	66.7% #9A82AF	RGB 154 130 175	#9A82AF
83.3%	83.3% #8D74A4	RGB 141 116 164	#8D74A4
100.0%	100.0% #82679A	RGB 130 103 154	#82679A

#CFC2DB #C1B0D0 #B3A0C5 #A690BA #9A82AF #8D74A4 #82679A

#CFC2DB - #A690BA - #82679A

CSS codes

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

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