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

#BCADE1 #353140

Calculate the color between two colors, #BCADE1 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)

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

0.0%	0.0% #BCADE1	RGB 188 173 225	#BCADE1
16.7%	16.7% #A598C6	RGB 165 152 198	#A598C6
33.3%	33.3% #8F83AB	RGB 143 131 171	#8F83AB
50.0%	50.0% #786F90	RGB 120 111 144	#786F90
66.7%	66.7% #625A75	RGB 98 90 117	#625A75
83.3%	83.3% #4B455A	RGB 75 69 90	#4B455A
100.0%	100.0% #353140	RGB 53 49 64	#353140

#BCADE1 #A598C6 #8F83AB #786F90 #625A75 #4B455A #353140

#BCADE1 - #353140

HSV Blend

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

0.0%	0.0% #BBADE1	RGB 187 173 225	#BBADE1
16.7%	16.7% #A598C6	RGB 165 152 198	#A598C6
33.3%	33.3% #8E83AB	RGB 142 131 171	#8E83AB
50.0%	50.0% #786E90	RGB 120 110 144	#786E90
66.7%	66.7% #615A75	RGB 97 90 117	#615A75
83.3%	83.3% #4B455A	RGB 75 69 90	#4B455A
100.0%	100.0% #353140	RGB 53 49 64	#353140

#BBADE1 #A598C6 #8E83AB #786E90 #615A75 #4B455A #353140

#BCADE1 - #786E90 - #353140

CSS codes

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

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