#BED2D0 - #559D9D | 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 #BED2D0 to #559D9D

#BED2D0 #559D9D

Calculate the color between two colors, #BED2D0 and #559D9D. 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)

#BED2D0 - #559D9D | 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 #BED2D0 as 0% and #559D9D as 100%.

0.0%	0.0% #BED2D0	RGB 190 210 208	#BED2D0
16.7%	16.7% #ACC9C7	RGB 172 201 199	#ACC9C7
33.3%	33.3% #9BC0BF	RGB 155 192 191	#9BC0BF
50.0%	50.0% #89B7B6	RGB 137 183 182	#89B7B6
66.7%	66.7% #78AEAE	RGB 120 174 174	#78AEAE
83.3%	83.3% #66A5A5	RGB 102 165 165	#66A5A5
100.0%	100.0% #559D9D	RGB 85 157 157	#559D9D

#BED2D0 #ACC9C7 #9BC0BF #89B7B6 #78AEAE #66A5A5 #559D9D

#BED2D0 - #559D9D

HSV Blend

#BED2D0 - #559D9D | 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 #BED2D0 as 0% and #559D9D as 100%.

0.0%	0.0% #BED2D0	RGB 190 210 208	#BED2D0
16.7%	16.7% #A9C9C6	RGB 169 201 198	#A9C9C6
33.3%	33.3% #96C0BD	RGB 150 192 189	#96C0BD
50.0%	50.0% #84B7B4	RGB 132 183 180	#84B7B4
66.7%	66.7% #73AEAC	RGB 115 174 172	#73AEAC
83.3%	83.3% #63A5A4	RGB 99 165 164	#63A5A4
100.0%	100.0% #559D9D	RGB 85 157 157	#559D9D

#BED2D0 #A9C9C6 #96C0BD #84B7B4 #73AEAC #63A5A4 #559D9D

#BED2D0 - #84B7B4 - #559D9D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BED2D0 0%, #84B7B4 50%, #559D9D 100%);
    background: -webkit-linear-gradient(top, #BED2D0 0%, #84B7B4 50%, #559D9D 100%);
    background: linear-gradient(to bottom, #BED2D0 0%, #84B7B4 50%, #559D9D 100%);
}
</style>