#BCB0DF - #714B9F | 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 #BCB0DF to #714B9F

#BCB0DF #714B9F

Calculate the color between two colors, #BCB0DF and #714B9F. 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)

#BCB0DF - #714B9F | 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 #BCB0DF as 0% and #714B9F as 100%.

0.0%	0.0% #BCB0DF	RGB 188 176 223	#BCB0DF
16.7%	16.7% #AF9FD4	RGB 175 159 212	#AF9FD4
33.3%	33.3% #A38EC9	RGB 163 142 201	#A38EC9
50.0%	50.0% #967DBF	RGB 150 125 191	#967DBF
66.7%	66.7% #8A6CB4	RGB 138 108 180	#8A6CB4
83.3%	83.3% #7D5BA9	RGB 125 91 169	#7D5BA9
100.0%	100.0% #714B9F	RGB 113 75 159	#714B9F

#BCB0DF #AF9FD4 #A38EC9 #967DBF #8A6CB4 #7D5BA9 #714B9F

#BCB0DF - #714B9F

HSV Blend

#BCB0DF - #714B9F | 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 #BCB0DF as 0% and #714B9F as 100%.

0.0%	0.0% #BCB0DF	RGB 188 176 223	#BCB0DF
16.7%	16.7% #AC9CD4	RGB 172 156 212	#AC9CD4
33.3%	33.3% #9E89C9	RGB 158 137 201	#9E89C9
50.0%	50.0% #9178BF	RGB 145 120 191	#9178BF
66.7%	66.7% #8568B4	RGB 133 104 180	#8568B4
83.3%	83.3% #7A59A9	RGB 122 89 169	#7A59A9
100.0%	100.0% #714B9F	RGB 113 75 159	#714B9F

#BCB0DF #AC9CD4 #9E89C9 #9178BF #8568B4 #7A59A9 #714B9F

#BCB0DF - #9178BF - #714B9F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCB0DF 0%, #9178BF 50%, #714B9F 100%);
    background: -webkit-linear-gradient(top, #BCB0DF 0%, #9178BF 50%, #714B9F 100%);
    background: linear-gradient(to bottom, #BCB0DF 0%, #9178BF 50%, #714B9F 100%);
}
</style>