#7FB2FF - #DAE8FF | 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 #7FB2FF to #DAE8FF

#7FB2FF #DAE8FF

Calculate the color between two colors, #7FB2FF and #DAE8FF. 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)

#7FB2FF - #DAE8FF | 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 #7FB2FF as 0% and #DAE8FF as 100%.

0.0%	0.0% #7FB2FF	RGB 127 178 255	#7FB2FF
16.7%	16.7% #8EBBFF	RGB 142 187 255	#8EBBFF
33.3%	33.3% #9DC4FF	RGB 157 196 255	#9DC4FF
50.0%	50.0% #ACCDFF	RGB 172 205 255	#ACCDFF
66.7%	66.7% #BBD6FF	RGB 187 214 255	#BBD6FF
83.3%	83.3% #CADFFF	RGB 202 223 255	#CADFFF
100.0%	100.0% #DAE8FF	RGB 218 232 255	#DAE8FF

#7FB2FF #8EBBFF #9DC4FF #ACCDFF #BBD6FF #CADFFF #DAE8FF

#7FB2FF - #DAE8FF

HSV Blend

#7FB2FF - #DAE8FF | 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 #7FB2FF as 0% and #DAE8FF as 100%.

0.0%	0.0% #7FB1FF	RGB 127 177 255	#7FB1FF
16.7%	16.7% #8EBAFF	RGB 142 186 255	#8EBAFF
33.3%	33.3% #9DC3FF	RGB 157 195 255	#9DC3FF
50.0%	50.0% #ACCCFF	RGB 172 204 255	#ACCCFF
66.7%	66.7% #BBD5FF	RGB 187 213 255	#BBD5FF
83.3%	83.3% #CADEFF	RGB 202 222 255	#CADEFF
100.0%	100.0% #DAE8FF	RGB 218 232 255	#DAE8FF

#7FB1FF #8EBAFF #9DC3FF #ACCCFF #BBD5FF #CADEFF #DAE8FF

#7FB2FF - #ACCCFF - #DAE8FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7FB1FF 0%, #ACCCFF 50%, #DAE8FF 100%);
    background: -webkit-linear-gradient(top, #7FB1FF 0%, #ACCCFF 50%, #DAE8FF 100%);
    background: linear-gradient(to bottom, #7FB1FF 0%, #ACCCFF 50%, #DAE8FF 100%);
}
</style>