#BFD7D9 - #71899E | 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 #BFD7D9 to #71899E

#BFD7D9 #71899E

Calculate the color between two colors, #BFD7D9 and #71899E. 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)

#BFD7D9 - #71899E | 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 #BFD7D9 as 0% and #71899E as 100%.

0.0%	0.0% #BFD7D9	RGB 191 215 217	#BFD7D9
16.7%	16.7% #B2CACF	RGB 178 202 207	#B2CACF
33.3%	33.3% #A5BDC5	RGB 165 189 197	#A5BDC5
50.0%	50.0% #98B0BB	RGB 152 176 187	#98B0BB
66.7%	66.7% #8BA3B1	RGB 139 163 177	#8BA3B1
83.3%	83.3% #7E96A7	RGB 126 150 167	#7E96A7
100.0%	100.0% #71899E	RGB 113 137 158	#71899E

#BFD7D9 #B2CACF #A5BDC5 #98B0BB #8BA3B1 #7E96A7 #71899E

#BFD7D9 - #71899E

HSV Blend

#BFD7D9 - #71899E | 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 #BFD7D9 as 0% and #71899E as 100%.

0.0%	0.0% #BFD7D9	RGB 191 215 217	#BFD7D9
16.7%	16.7% #B0CACF	RGB 176 202 207	#B0CACF
33.3%	33.3% #A2BEC5	RGB 162 190 197	#A2BEC5
50.0%	50.0% #95B1BB	RGB 149 177 187	#95B1BB
66.7%	66.7% #88A3B1	RGB 136 163 177	#88A3B1
83.3%	83.3% #7C96A7	RGB 124 150 167	#7C96A7
100.0%	100.0% #71899E	RGB 113 137 158	#71899E

#BFD7D9 #B0CACF #A2BEC5 #95B1BB #88A3B1 #7C96A7 #71899E

#BFD7D9 - #95B1BB - #71899E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFD7D9 0%, #95B1BB 50%, #71899E 100%);
    background: -webkit-linear-gradient(top, #BFD7D9 0%, #95B1BB 50%, #71899E 100%);
    background: linear-gradient(to bottom, #BFD7D9 0%, #95B1BB 50%, #71899E 100%);
}
</style>