#BCB8BA - #8F6486 | 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 #BCB8BA to #8F6486

#BCB8BA #8F6486

Calculate the color between two colors, #BCB8BA and #8F6486. 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)

#BCB8BA - #8F6486 | 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 #BCB8BA as 0% and #8F6486 as 100%.

0.0%	0.0% #BCB8BA	RGB 188 184 186	#BCB8BA
16.7%	16.7% #B4AAB1	RGB 180 170 177	#B4AAB1
33.3%	33.3% #AD9CA8	RGB 173 156 168	#AD9CA8
50.0%	50.0% #A58EA0	RGB 165 142 160	#A58EA0
66.7%	66.7% #9E8097	RGB 158 128 151	#9E8097
83.3%	83.3% #96728E	RGB 150 114 142	#96728E
100.0%	100.0% #8F6486	RGB 143 100 134	#8F6486

#BCB8BA #B4AAB1 #AD9CA8 #A58EA0 #9E8097 #96728E #8F6486

#BCB8BA - #8F6486

HSV Blend

#BCB8BA - #8F6486 | 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 #BCB8BA as 0% and #8F6486 as 100%.

0.0%	0.0% #BCB8BA	RGB 188 184 186	#BCB8BA
16.7%	16.7% #B4A8AE	RGB 180 168 174	#B4A8AE
33.3%	33.3% #AD99A5	RGB 173 153 165	#AD99A5
50.0%	50.0% #A58A9C	RGB 165 138 156	#A58A9C
66.7%	66.7% #9E7D93	RGB 158 125 147	#9E7D93
83.3%	83.3% #96708C	RGB 150 112 140	#96708C
100.0%	100.0% #8F6486	RGB 143 100 134	#8F6486

#BCB8BA #B4A8AE #AD99A5 #A58A9C #9E7D93 #96708C #8F6486

#BCB8BA - #A58A9C - #8F6486

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCB8BA 0%, #A58A9C 50%, #8F6486 100%);
    background: -webkit-linear-gradient(top, #BCB8BA 0%, #A58A9C 50%, #8F6486 100%);
    background: linear-gradient(to bottom, #BCB8BA 0%, #A58A9C 50%, #8F6486 100%);
}
</style>