#6DA2FF - #ACD4F3 | 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 #6DA2FF to #ACD4F3

#6DA2FF #ACD4F3

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

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

0.0%	0.0% #6DA2FF	RGB 109 162 255	#6DA2FF
16.7%	16.7% #77AAFD	RGB 119 170 253	#77AAFD
33.3%	33.3% #82B2FB	RGB 130 178 251	#82B2FB
50.0%	50.0% #8CBBF9	RGB 140 187 249	#8CBBF9
66.7%	66.7% #97C3F7	RGB 151 195 247	#97C3F7
83.3%	83.3% #A1CBF5	RGB 161 203 245	#A1CBF5
100.0%	100.0% #ACD4F3	RGB 172 212 243	#ACD4F3

#6DA2FF #77AAFD #82B2FB #8CBBF9 #97C3F7 #A1CBF5 #ACD4F3

#6DA2FF - #ACD4F3

HSV Blend

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

0.0%	0.0% #6DA1FF	RGB 109 161 255	#6DA1FF
16.7%	16.7% #77ACFD	RGB 119 172 253	#77ACFD
33.3%	33.3% #82B6FB	RGB 130 182 251	#82B6FB
50.0%	50.0% #8DBFF9	RGB 141 191 249	#8DBFF9
66.7%	66.7% #97C7F7	RGB 151 199 247	#97C7F7
83.3%	83.3% #A1CDF5	RGB 161 205 245	#A1CDF5
100.0%	100.0% #ACD4F3	RGB 172 212 243	#ACD4F3

#6DA1FF #77ACFD #82B6FB #8DBFF9 #97C7F7 #A1CDF5 #ACD4F3

#6DA2FF - #8DBFF9 - #ACD4F3

CSS codes

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

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