#B5C0CB - #618FA5 | 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 #B5C0CB to #618FA5

#B5C0CB #618FA5

Calculate the color between two colors, #B5C0CB and #618FA5. 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)

#B5C0CB - #618FA5 | 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 #B5C0CB as 0% and #618FA5 as 100%.

0.0%	0.0% #B5C0CB	RGB 181 192 203	#B5C0CB
16.7%	16.7% #A7B7C4	RGB 167 183 196	#A7B7C4
33.3%	33.3% #99AFBE	RGB 153 175 190	#99AFBE
50.0%	50.0% #8BA7B8	RGB 139 167 184	#8BA7B8
66.7%	66.7% #7D9FB1	RGB 125 159 177	#7D9FB1
83.3%	83.3% #6F97AB	RGB 111 151 171	#6F97AB
100.0%	100.0% #618FA5	RGB 97 143 165	#618FA5

#B5C0CB #A7B7C4 #99AFBE #8BA7B8 #7D9FB1 #6F97AB #618FA5

#B5C0CB - #618FA5

HSV Blend

#B5C0CB - #618FA5 | 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 #B5C0CB as 0% and #618FA5 as 100%.

0.0%	0.0% #B5C0CB	RGB 181 192 203	#B5C0CB
16.7%	16.7% #A5B5C4	RGB 165 181 196	#A5B5C4
33.3%	33.3% #96ACBE	RGB 150 172 190	#96ACBE
50.0%	50.0% #88A4B8	RGB 136 164 184	#88A4B8
66.7%	66.7% #7A9CB1	RGB 122 156 177	#7A9CB1
83.3%	83.3% #6D95AB	RGB 109 149 171	#6D95AB
100.0%	100.0% #618FA5	RGB 97 143 165	#618FA5

#B5C0CB #A5B5C4 #96ACBE #88A4B8 #7A9CB1 #6D95AB #618FA5

#B5C0CB - #88A4B8 - #618FA5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5C0CB 0%, #88A4B8 50%, #618FA5 100%);
    background: -webkit-linear-gradient(top, #B5C0CB 0%, #88A4B8 50%, #618FA5 100%);
    background: linear-gradient(to bottom, #B5C0CB 0%, #88A4B8 50%, #618FA5 100%);
}
</style>