#BA46CD - #CEECEB | 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 #BA46CD to #CEECEB

#BA46CD #CEECEB

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

#BA46CD - #CEECEB | 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 #BA46CD as 0% and #CEECEB as 100%.

0.0%	0.0% #BA46CD	RGB 186 70 205	#BA46CD
16.7%	16.7% #BD61D2	RGB 189 97 210	#BD61D2
33.3%	33.3% #C07DD7	RGB 192 125 215	#C07DD7
50.0%	50.0% #C499DC	RGB 196 153 220	#C499DC
66.7%	66.7% #C7B4E1	RGB 199 180 225	#C7B4E1
83.3%	83.3% #CAD0E6	RGB 202 208 230	#CAD0E6
100.0%	100.0% #CEECEB	RGB 206 236 235	#CEECEB

#BA46CD #BD61D2 #C07DD7 #C499DC #C7B4E1 #CAD0E6 #CEECEB

#BA46CD - #CEECEB

HSV Blend

#BA46CD - #CEECEB | 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 #BA46CD as 0% and #CEECEB as 100%.

0.0%	0.0% #B946CD	RGB 185 70 205	#B946CD
16.7%	16.7% #9B5AD2	RGB 155 90 210	#9B5AD2
33.3%	33.3% #876FD7	RGB 135 111 215	#876FD7
50.0%	50.0% #858DDC	RGB 133 141 220	#858DDC
66.7%	66.7% #9DB8E1	RGB 157 184 225	#9DB8E1
83.3%	83.3% #B5D8E6	RGB 181 216 230	#B5D8E6
100.0%	100.0% #CEECEB	RGB 206 236 235	#CEECEB

#B946CD #9B5AD2 #876FD7 #858DDC #9DB8E1 #B5D8E6 #CEECEB

#BA46CD - #858DDC - #CEECEB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B946CD 0%, #858DDC 50%, #CEECEB 100%);
    background: -webkit-linear-gradient(top, #B946CD 0%, #858DDC 50%, #CEECEB 100%);
    background: linear-gradient(to bottom, #B946CD 0%, #858DDC 50%, #CEECEB 100%);
}
</style>