#BFDADB - #6B95A1 | 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 #BFDADB to #6B95A1

#BFDADB #6B95A1

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

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

0.0%	0.0% #BFDADB	RGB 191 218 219	#BFDADB
16.7%	16.7% #B1CED1	RGB 177 206 209	#B1CED1
33.3%	33.3% #A3C3C7	RGB 163 195 199	#A3C3C7
50.0%	50.0% #95B7BE	RGB 149 183 190	#95B7BE
66.7%	66.7% #87ACB4	RGB 135 172 180	#87ACB4
83.3%	83.3% #79A0AA	RGB 121 160 170	#79A0AA
100.0%	100.0% #6B95A1	RGB 107 149 161	#6B95A1

#BFDADB #B1CED1 #A3C3C7 #95B7BE #87ACB4 #79A0AA #6B95A1

#BFDADB - #6B95A1

HSV Blend

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

0.0%	0.0% #BFDADB	RGB 191 218 219	#BFDADB
16.7%	16.7% #AFCFD1	RGB 175 207 209	#AFCFD1
33.3%	33.3% #A0C3C7	RGB 160 195 199	#A0C3C7
50.0%	50.0% #91B8BE	RGB 145 184 190	#91B8BE
66.7%	66.7% #84ACB4	RGB 132 172 180	#84ACB4
83.3%	83.3% #77A0AA	RGB 119 160 170	#77A0AA
100.0%	100.0% #6B95A1	RGB 107 149 161	#6B95A1

#BFDADB #AFCFD1 #A0C3C7 #91B8BE #84ACB4 #77A0AA #6B95A1

#BFDADB - #91B8BE - #6B95A1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFDADB 0%, #91B8BE 50%, #6B95A1 100%);
    background: -webkit-linear-gradient(top, #BFDADB 0%, #91B8BE 50%, #6B95A1 100%);
    background: linear-gradient(to bottom, #BFDADB 0%, #91B8BE 50%, #6B95A1 100%);
}
</style>