#CCB8D4 - #3A343C | 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 #CCB8D4 to #3A343C

#CCB8D4 #3A343C

Calculate the color between two colors, #CCB8D4 and #3A343C. 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)

#CCB8D4 - #3A343C | 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 #CCB8D4 as 0% and #3A343C as 100%.

0.0%	0.0% #CCB8D4	RGB 204 184 212	#CCB8D4
16.7%	16.7% #B3A2BA	RGB 179 162 186	#B3A2BA
33.3%	33.3% #9B8CA1	RGB 155 140 161	#9B8CA1
50.0%	50.0% #837688	RGB 131 118 136	#837688
66.7%	66.7% #6A606E	RGB 106 96 110	#6A606E
83.3%	83.3% #524A55	RGB 82 74 85	#524A55
100.0%	100.0% #3A343C	RGB 58 52 60	#3A343C

#CCB8D4 #B3A2BA #9B8CA1 #837688 #6A606E #524A55 #3A343C

#CCB8D4 - #3A343C

HSV Blend

#CCB8D4 - #3A343C | 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 #CCB8D4 as 0% and #3A343C as 100%.

0.0%	0.0% #CCB8D4	RGB 204 184 212	#CCB8D4
16.7%	16.7% #B3A1BA	RGB 179 161 186	#B3A1BA
33.3%	33.3% #9B8BA1	RGB 155 139 161	#9B8BA1
50.0%	50.0% #837588	RGB 131 117 136	#837588
66.7%	66.7% #6A5F6E	RGB 106 95 110	#6A5F6E
83.3%	83.3% #524955	RGB 82 73 85	#524955
100.0%	100.0% #3A343C	RGB 58 52 60	#3A343C

#CCB8D4 #B3A1BA #9B8BA1 #837588 #6A5F6E #524955 #3A343C

#CCB8D4 - #837588 - #3A343C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCB8D4 0%, #837588 50%, #3A343C 100%);
    background: -webkit-linear-gradient(top, #CCB8D4 0%, #837588 50%, #3A343C 100%);
    background: linear-gradient(to bottom, #CCB8D4 0%, #837588 50%, #3A343C 100%);
}
</style>