#BFD8DB - #708BA1 | 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 #BFD8DB to #708BA1

#BFD8DB #708BA1

Calculate the color between two colors, #BFD8DB and #708BA1. 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)

#BFD8DB - #708BA1 | 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 #BFD8DB as 0% and #708BA1 as 100%.

0.0%	0.0% #BFD8DB	RGB 191 216 219	#BFD8DB
16.7%	16.7% #B1CBD1	RGB 177 203 209	#B1CBD1
33.3%	33.3% #A4BEC7	RGB 164 190 199	#A4BEC7
50.0%	50.0% #97B1BE	RGB 151 177 190	#97B1BE
66.7%	66.7% #8AA4B4	RGB 138 164 180	#8AA4B4
83.3%	83.3% #7D97AA	RGB 125 151 170	#7D97AA
100.0%	100.0% #708BA1	RGB 112 139 161	#708BA1

#BFD8DB #B1CBD1 #A4BEC7 #97B1BE #8AA4B4 #7D97AA #708BA1

#BFD8DB - #708BA1

HSV Blend

#BFD8DB - #708BA1 | 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 #BFD8DB as 0% and #708BA1 as 100%.

0.0%	0.0% #BFD8DB	RGB 191 216 219	#BFD8DB
16.7%	16.7% #B0CBD1	RGB 176 203 209	#B0CBD1
33.3%	33.3% #A2BFC7	RGB 162 191 199	#A2BFC7
50.0%	50.0% #94B2BE	RGB 148 178 190	#94B2BE
66.7%	66.7% #88A5B4	RGB 136 165 180	#88A5B4
83.3%	83.3% #7B98AA	RGB 123 152 170	#7B98AA
100.0%	100.0% #708BA1	RGB 112 139 161	#708BA1

#BFD8DB #B0CBD1 #A2BFC7 #94B2BE #88A5B4 #7B98AA #708BA1

#BFD8DB - #94B2BE - #708BA1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFD8DB 0%, #94B2BE 50%, #708BA1 100%);
    background: -webkit-linear-gradient(top, #BFD8DB 0%, #94B2BE 50%, #708BA1 100%);
    background: linear-gradient(to bottom, #BFD8DB 0%, #94B2BE 50%, #708BA1 100%);
}
</style>