#DBE3E5 - #759CB6 | 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 #DBE3E5 to #759CB6

#DBE3E5 #759CB6

Calculate the color between two colors, #DBE3E5 and #759CB6. 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)

#DBE3E5 - #759CB6 | 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 #DBE3E5 as 0% and #759CB6 as 100%.

0.0%	0.0% #DBE3E5	RGB 219 227 229	#DBE3E5
16.7%	16.7% #CAD7DD	RGB 202 215 221	#CAD7DD
33.3%	33.3% #B9CBD5	RGB 185 203 213	#B9CBD5
50.0%	50.0% #A8BFCD	RGB 168 191 205	#A8BFCD
66.7%	66.7% #97B3C5	RGB 151 179 197	#97B3C5
83.3%	83.3% #86A7BD	RGB 134 167 189	#86A7BD
100.0%	100.0% #759CB6	RGB 117 156 182	#759CB6

#DBE3E5 #CAD7DD #B9CBD5 #A8BFCD #97B3C5 #86A7BD #759CB6

#DBE3E5 - #759CB6

HSV Blend

#DBE3E5 - #759CB6 | 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 #DBE3E5 as 0% and #759CB6 as 100%.

0.0%	0.0% #DBE3E5	RGB 219 227 229	#DBE3E5
16.7%	16.7% #C7D8DD	RGB 199 216 221	#C7D8DD
33.3%	33.3% #B5CCD5	RGB 181 204 213	#B5CCD5
50.0%	50.0% #A4C1CD	RGB 164 193 205	#A4C1CD
66.7%	66.7% #93B5C5	RGB 147 181 197	#93B5C5
83.3%	83.3% #83A8BD	RGB 131 168 189	#83A8BD
100.0%	100.0% #759CB6	RGB 117 156 182	#759CB6

#DBE3E5 #C7D8DD #B5CCD5 #A4C1CD #93B5C5 #83A8BD #759CB6

#DBE3E5 - #A4C1CD - #759CB6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBE3E5 0%, #A4C1CD 50%, #759CB6 100%);
    background: -webkit-linear-gradient(top, #DBE3E5 0%, #A4C1CD 50%, #759CB6 100%);
    background: linear-gradient(to bottom, #DBE3E5 0%, #A4C1CD 50%, #759CB6 100%);
}
</style>