#CCBDF7 - #3A3546 | 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 #CCBDF7 to #3A3546

#CCBDF7 #3A3546

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

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

0.0%	0.0% #CCBDF7	RGB 204 189 247	#CCBDF7
16.7%	16.7% #B3A6D9	RGB 179 166 217	#B3A6D9
33.3%	33.3% #9B8FBC	RGB 155 143 188	#9B8FBC
50.0%	50.0% #83799E	RGB 131 121 158	#83799E
66.7%	66.7% #6A6281	RGB 106 98 129	#6A6281
83.3%	83.3% #524B63	RGB 82 75 99	#524B63
100.0%	100.0% #3A3546	RGB 58 53 70	#3A3546

#CCBDF7 #B3A6D9 #9B8FBC #83799E #6A6281 #524B63 #3A3546

#CCBDF7 - #3A3546

HSV Blend

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

0.0%	0.0% #CCBDF7	RGB 204 189 247	#CCBDF7
16.7%	16.7% #B3A6D9	RGB 179 166 217	#B3A6D9
33.3%	33.3% #9B8FBC	RGB 155 143 188	#9B8FBC
50.0%	50.0% #83789E	RGB 131 120 158	#83789E
66.7%	66.7% #6A6281	RGB 106 98 129	#6A6281
83.3%	83.3% #524B63	RGB 82 75 99	#524B63
100.0%	100.0% #3A3546	RGB 58 53 70	#3A3546

#CCBDF7 #B3A6D9 #9B8FBC #83789E #6A6281 #524B63 #3A3546

#CCBDF7 - #83789E - #3A3546

CSS codes

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

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