#B5C8C3 - #508F8D | 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 #B5C8C3 to #508F8D

#B5C8C3 #508F8D

Calculate the color between two colors, #B5C8C3 and #508F8D. 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)

#B5C8C3 - #508F8D | 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 #B5C8C3 as 0% and #508F8D as 100%.

0.0%	0.0% #B5C8C3	RGB 181 200 195	#B5C8C3
16.7%	16.7% #A4BEBA	RGB 164 190 186	#A4BEBA
33.3%	33.3% #93B5B1	RGB 147 181 177	#93B5B1
50.0%	50.0% #82ABA8	RGB 130 171 168	#82ABA8
66.7%	66.7% #71A29F	RGB 113 162 159	#71A29F
83.3%	83.3% #609896	RGB 96 152 150	#609896
100.0%	100.0% #508F8D	RGB 80 143 141	#508F8D

#B5C8C3 #A4BEBA #93B5B1 #82ABA8 #71A29F #609896 #508F8D

#B5C8C3 - #508F8D

HSV Blend

#B5C8C3 - #508F8D | 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 #B5C8C3 as 0% and #508F8D as 100%.

0.0%	0.0% #B5C8C3	RGB 181 200 195	#B5C8C3
16.7%	16.7% #A1BEB7	RGB 161 190 183	#A1BEB7
33.3%	33.3% #8EB5AD	RGB 142 181 173	#8EB5AD
50.0%	50.0% #7DABA4	RGB 125 171 164	#7DABA4
66.7%	66.7% #6DA29C	RGB 109 162 156	#6DA29C
83.3%	83.3% #5E9894	RGB 94 152 148	#5E9894
100.0%	100.0% #508F8D	RGB 80 143 141	#508F8D

#B5C8C3 #A1BEB7 #8EB5AD #7DABA4 #6DA29C #5E9894 #508F8D

#B5C8C3 - #7DABA4 - #508F8D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5C8C3 0%, #7DABA4 50%, #508F8D 100%);
    background: -webkit-linear-gradient(top, #B5C8C3 0%, #7DABA4 50%, #508F8D 100%);
    background: linear-gradient(to bottom, #B5C8C3 0%, #7DABA4 50%, #508F8D 100%);
}
</style>