#BACFD2 - #6B7F95 | 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 #BACFD2 to #6B7F95

#BACFD2 #6B7F95

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

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

0.0%	0.0% #BACFD2	RGB 186 207 210	#BACFD2
16.7%	16.7% #ACC1C7	RGB 172 193 199	#ACC1C7
33.3%	33.3% #9FB4BD	RGB 159 180 189	#9FB4BD
50.0%	50.0% #92A7B3	RGB 146 167 179	#92A7B3
66.7%	66.7% #8599A9	RGB 133 153 169	#8599A9
83.3%	83.3% #788C9F	RGB 120 140 159	#788C9F
100.0%	100.0% #6B7F95	RGB 107 127 149	#6B7F95

#BACFD2 #ACC1C7 #9FB4BD #92A7B3 #8599A9 #788C9F #6B7F95

#BACFD2 - #6B7F95

HSV Blend

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

0.0%	0.0% #BACFD2	RGB 186 207 210	#BACFD2
16.7%	16.7% #ABC2C7	RGB 171 194 199	#ABC2C7
33.3%	33.3% #9DB5BD	RGB 157 181 189	#9DB5BD
50.0%	50.0% #8FA7B3	RGB 143 167 179	#8FA7B3
66.7%	66.7% #839AA9	RGB 131 154 169	#839AA9
83.3%	83.3% #768C9F	RGB 118 140 159	#768C9F
100.0%	100.0% #6B7F95	RGB 107 127 149	#6B7F95

#BACFD2 #ABC2C7 #9DB5BD #8FA7B3 #839AA9 #768C9F #6B7F95

#BACFD2 - #8FA7B3 - #6B7F95

CSS codes

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

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