#BCADE2 - #353140 | 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 #BCADE2 to #353140

#BCADE2 #353140

Calculate the color between two colors, #BCADE2 and #353140. 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)

#BCADE2 - #353140 | 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 #BCADE2 as 0% and #353140 as 100%.

0.0%	0.0% #BCADE2	RGB 188 173 226	#BCADE2
16.7%	16.7% #A598C7	RGB 165 152 199	#A598C7
33.3%	33.3% #8F83AC	RGB 143 131 172	#8F83AC
50.0%	50.0% #786F91	RGB 120 111 145	#786F91
66.7%	66.7% #625A76	RGB 98 90 118	#625A76
83.3%	83.3% #4B455B	RGB 75 69 91	#4B455B
100.0%	100.0% #353140	RGB 53 49 64	#353140

#BCADE2 #A598C7 #8F83AC #786F91 #625A76 #4B455B #353140

#BCADE2 - #353140

HSV Blend

#BCADE2 - #353140 | 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 #BCADE2 as 0% and #353140 as 100%.

0.0%	0.0% #BCADE2	RGB 188 173 226	#BCADE2
16.7%	16.7% #A598C7	RGB 165 152 199	#A598C7
33.3%	33.3% #8E83AC	RGB 142 131 172	#8E83AC
50.0%	50.0% #786F91	RGB 120 111 145	#786F91
66.7%	66.7% #615A76	RGB 97 90 118	#615A76
83.3%	83.3% #4B455B	RGB 75 69 91	#4B455B
100.0%	100.0% #353140	RGB 53 49 64	#353140

#BCADE2 #A598C7 #8E83AC #786F91 #615A76 #4B455B #353140

#BCADE2 - #786F91 - #353140

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCADE2 0%, #786F91 50%, #353140 100%);
    background: -webkit-linear-gradient(top, #BCADE2 0%, #786F91 50%, #353140 100%);
    background: linear-gradient(to bottom, #BCADE2 0%, #786F91 50%, #353140 100%);
}
</style>