#7DECFF - #D9FAFF | 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 #7DECFF to #D9FAFF

#7DECFF #D9FAFF

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

#7DECFF - #D9FAFF | 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 #7DECFF as 0% and #D9FAFF as 100%.

0.0%	0.0% #7DECFF	RGB 125 236 255	#7DECFF
16.7%	16.7% #8CEEFF	RGB 140 238 255	#8CEEFF
33.3%	33.3% #9BF0FF	RGB 155 240 255	#9BF0FF
50.0%	50.0% #ABF3FF	RGB 171 243 255	#ABF3FF
66.7%	66.7% #BAF5FF	RGB 186 245 255	#BAF5FF
83.3%	83.3% #C9F7FF	RGB 201 247 255	#C9F7FF
100.0%	100.0% #D9FAFF	RGB 217 250 255	#D9FAFF

#7DECFF #8CEEFF #9BF0FF #ABF3FF #BAF5FF #C9F7FF #D9FAFF

#7DECFF - #D9FAFF

HSV Blend

#7DECFF - #D9FAFF | 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 #7DECFF as 0% and #D9FAFF as 100%.

0.0%	0.0% #7DECFF	RGB 125 236 255	#7DECFF
16.7%	16.7% #8CEEFF	RGB 140 238 255	#8CEEFF
33.3%	33.3% #9BF0FF	RGB 155 240 255	#9BF0FF
50.0%	50.0% #ABF3FF	RGB 171 243 255	#ABF3FF
66.7%	66.7% #BAF5FF	RGB 186 245 255	#BAF5FF
83.3%	83.3% #C9F7FF	RGB 201 247 255	#C9F7FF
100.0%	100.0% #D9FAFF	RGB 217 250 255	#D9FAFF

#7DECFF #8CEEFF #9BF0FF #ABF3FF #BAF5FF #C9F7FF #D9FAFF

#7DECFF - #ABF3FF - #D9FAFF

CSS codes

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

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