#6B79A8 - #BCB9BD | 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 #6B79A8 to #BCB9BD

#6B79A8 #BCB9BD

Calculate the color between two colors, #6B79A8 and #BCB9BD. 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)

#6B79A8 - #BCB9BD | 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 #6B79A8 as 0% and #BCB9BD as 100%.

0.0%	0.0% #6B79A8	RGB 107 121 168	#6B79A8
16.7%	16.7% #7883AB	RGB 120 131 171	#7883AB
33.3%	33.3% #868EAF	RGB 134 142 175	#868EAF
50.0%	50.0% #9399B2	RGB 147 153 178	#9399B2
66.7%	66.7% #A1A3B6	RGB 161 163 182	#A1A3B6
83.3%	83.3% #AEAEB9	RGB 174 174 185	#AEAEB9
100.0%	100.0% #BCB9BD	RGB 188 185 189	#BCB9BD

#6B79A8 #7883AB #868EAF #9399B2 #A1A3B6 #AEAEB9 #BCB9BD

#6B79A8 - #BCB9BD

HSV Blend

#6B79A8 - #BCB9BD | 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 #6B79A8 as 0% and #BCB9BD as 100%.

0.0%	0.0% #6B79A8	RGB 107 121 168	#6B79A8
16.7%	16.7% #777AAB	RGB 119 122 171	#777AAB
33.3%	33.3% #8783AF	RGB 135 131 175	#8783AF
50.0%	50.0% #9990B2	RGB 153 144 178	#9990B2
66.7%	66.7% #A79DB6	RGB 167 157 182	#A79DB6
83.3%	83.3% #B3ABB9	RGB 179 171 185	#B3ABB9
100.0%	100.0% #BCB9BD	RGB 188 185 189	#BCB9BD

#6B79A8 #777AAB #8783AF #9990B2 #A79DB6 #B3ABB9 #BCB9BD

#6B79A8 - #9990B2 - #BCB9BD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B79A8 0%, #9990B2 50%, #BCB9BD 100%);
    background: -webkit-linear-gradient(top, #6B79A8 0%, #9990B2 50%, #BCB9BD 100%);
    background: linear-gradient(to bottom, #6B79A8 0%, #9990B2 50%, #BCB9BD 100%);
}
</style>