#5E9DD5 - #BFD3DB | 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 #5E9DD5 to #BFD3DB

#5E9DD5 #BFD3DB

Calculate the color between two colors, #5E9DD5 and #BFD3DB. 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)

#5E9DD5 - #BFD3DB | 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 #5E9DD5 as 0% and #BFD3DB as 100%.

0.0%	0.0% #5E9DD5	RGB 94 157 213	#5E9DD5
16.7%	16.7% #6EA6D6	RGB 110 166 214	#6EA6D6
33.3%	33.3% #7EAFD7	RGB 126 175 215	#7EAFD7
50.0%	50.0% #8EB8D8	RGB 142 184 216	#8EB8D8
66.7%	66.7% #9EC1D9	RGB 158 193 217	#9EC1D9
83.3%	83.3% #AECADA	RGB 174 202 218	#AECADA
100.0%	100.0% #BFD3DB	RGB 191 211 219	#BFD3DB

#5E9DD5 #6EA6D6 #7EAFD7 #8EB8D8 #9EC1D9 #AECADA #BFD3DB

#5E9DD5 - #BFD3DB

HSV Blend

#5E9DD5 - #BFD3DB | 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 #5E9DD5 as 0% and #BFD3DB as 100%.

0.0%	0.0% #5E9DD5	RGB 94 157 213	#5E9DD5
16.7%	16.7% #6DA8D6	RGB 109 168 214	#6DA8D6
33.3%	33.3% #7DB2D7	RGB 125 178 215	#7DB2D7
50.0%	50.0% #8DBBD8	RGB 141 187 216	#8DBBD8
66.7%	66.7% #9EC4D9	RGB 158 196 217	#9EC4D9
83.3%	83.3% #AECCDA	RGB 174 204 218	#AECCDA
100.0%	100.0% #BFD3DB	RGB 191 211 219	#BFD3DB

#5E9DD5 #6DA8D6 #7DB2D7 #8DBBD8 #9EC4D9 #AECCDA #BFD3DB

#5E9DD5 - #8DBBD8 - #BFD3DB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9DD5 0%, #8DBBD8 50%, #BFD3DB 100%);
    background: -webkit-linear-gradient(top, #5E9DD5 0%, #8DBBD8 50%, #BFD3DB 100%);
    background: linear-gradient(to bottom, #5E9DD5 0%, #8DBBD8 50%, #BFD3DB 100%);
}
</style>