#DAE7FB - #6D9ADB | 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 #DAE7FB to #6D9ADB

#DAE7FB #6D9ADB

Calculate the color between two colors, #DAE7FB and #6D9ADB. 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)

#DAE7FB - #6D9ADB | 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 #DAE7FB as 0% and #6D9ADB as 100%.

0.0%	0.0% #DAE7FB	RGB 218 231 251	#DAE7FB
16.7%	16.7% #C7DAF5	RGB 199 218 245	#C7DAF5
33.3%	33.3% #B5CDF0	RGB 181 205 240	#B5CDF0
50.0%	50.0% #A3C0EB	RGB 163 192 235	#A3C0EB
66.7%	66.7% #91B3E5	RGB 145 179 229	#91B3E5
83.3%	83.3% #7FA6E0	RGB 127 166 224	#7FA6E0
100.0%	100.0% #6D9ADB	RGB 109 154 219	#6D9ADB

#DAE7FB #C7DAF5 #B5CDF0 #A3C0EB #91B3E5 #7FA6E0 #6D9ADB

#DAE7FB - #6D9ADB

HSV Blend

#DAE7FB - #6D9ADB | 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 #DAE7FB as 0% and #6D9ADB as 100%.

0.0%	0.0% #DAE7FB	RGB 218 231 251	#DAE7FB
16.7%	16.7% #C6D9F5	RGB 198 217 245	#C6D9F5
33.3%	33.3% #B3CBF0	RGB 179 203 240	#B3CBF0
50.0%	50.0% #A0BEEB	RGB 160 190 235	#A0BEEB
66.7%	66.7% #8EB1E5	RGB 142 177 229	#8EB1E5
83.3%	83.3% #7DA5E0	RGB 125 165 224	#7DA5E0
100.0%	100.0% #6D9ADB	RGB 109 154 219	#6D9ADB

#DAE7FB #C6D9F5 #B3CBF0 #A0BEEB #8EB1E5 #7DA5E0 #6D9ADB

#DAE7FB - #A0BEEB - #6D9ADB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DAE7FB 0%, #A0BEEB 50%, #6D9ADB 100%);
    background: -webkit-linear-gradient(top, #DAE7FB 0%, #A0BEEB 50%, #6D9ADB 100%);
    background: linear-gradient(to bottom, #DAE7FB 0%, #A0BEEB 50%, #6D9ADB 100%);
}
</style>