#BC9CD2 - #693A8C | 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 #BC9CD2 to #693A8C

#BC9CD2 #693A8C

Calculate the color between two colors, #BC9CD2 and #693A8C. 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)

#BC9CD2 - #693A8C | 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 #BC9CD2 as 0% and #693A8C as 100%.

0.0%	0.0% #BC9CD2	RGB 188 156 210	#BC9CD2
16.7%	16.7% #AE8BC6	RGB 174 139 198	#AE8BC6
33.3%	33.3% #A07BBA	RGB 160 123 186	#A07BBA
50.0%	50.0% #926BAF	RGB 146 107 175	#926BAF
66.7%	66.7% #845AA3	RGB 132 90 163	#845AA3
83.3%	83.3% #764A97	RGB 118 74 151	#764A97
100.0%	100.0% #693A8C	RGB 105 58 140	#693A8C

#BC9CD2 #AE8BC6 #A07BBA #926BAF #845AA3 #764A97 #693A8C

#BC9CD2 - #693A8C

HSV Blend

#BC9CD2 - #693A8C | 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 #BC9CD2 as 0% and #693A8C as 100%.

0.0%	0.0% #BC9CD2	RGB 188 156 210	#BC9CD2
16.7%	16.7% #AC88C6	RGB 172 136 198	#AC88C6
33.3%	33.3% #9E76BA	RGB 158 118 186	#9E76BA
50.0%	50.0% #9065AF	RGB 144 101 175	#9065AF
66.7%	66.7% #8255A3	RGB 130 85 163	#8255A3
83.3%	83.3% #754797	RGB 117 71 151	#754797
100.0%	100.0% #693A8C	RGB 105 58 140	#693A8C

#BC9CD2 #AC88C6 #9E76BA #9065AF #8255A3 #754797 #693A8C

#BC9CD2 - #9065AF - #693A8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BC9CD2 0%, #9065AF 50%, #693A8C 100%);
    background: -webkit-linear-gradient(top, #BC9CD2 0%, #9065AF 50%, #693A8C 100%);
    background: linear-gradient(to bottom, #BC9CD2 0%, #9065AF 50%, #693A8C 100%);
}
</style>