#61C0FF - #D1EDFF | 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 #61C0FF to #D1EDFF

#61C0FF #D1EDFF

Calculate the color between two colors, #61C0FF and #D1EDFF. 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)

#61C0FF - #D1EDFF | 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 #61C0FF as 0% and #D1EDFF as 100%.

0.0%	0.0% #61C0FF	RGB 97 192 255	#61C0FF
16.7%	16.7% #73C7FF	RGB 115 199 255	#73C7FF
33.3%	33.3% #86CFFF	RGB 134 207 255	#86CFFF
50.0%	50.0% #99D6FF	RGB 153 214 255	#99D6FF
66.7%	66.7% #ABDEFF	RGB 171 222 255	#ABDEFF
83.3%	83.3% #BEE5FF	RGB 190 229 255	#BEE5FF
100.0%	100.0% #D1EDFF	RGB 209 237 255	#D1EDFF

#61C0FF #73C7FF #86CFFF #99D6FF #ABDEFF #BEE5FF #D1EDFF

#61C0FF - #D1EDFF

HSV Blend

#61C0FF - #D1EDFF | 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 #61C0FF as 0% and #D1EDFF as 100%.

0.0%	0.0% #61C0FF	RGB 97 192 255	#61C0FF
16.7%	16.7% #73C7FF	RGB 115 199 255	#73C7FF
33.3%	33.3% #86CFFF	RGB 134 207 255	#86CFFF
50.0%	50.0% #99D6FF	RGB 153 214 255	#99D6FF
66.7%	66.7% #ABDEFF	RGB 171 222 255	#ABDEFF
83.3%	83.3% #BEE5FF	RGB 190 229 255	#BEE5FF
100.0%	100.0% #D1EDFF	RGB 209 237 255	#D1EDFF

#61C0FF #73C7FF #86CFFF #99D6FF #ABDEFF #BEE5FF #D1EDFF

#61C0FF - #99D6FF - #D1EDFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #61C0FF 0%, #99D6FF 50%, #D1EDFF 100%);
    background: -webkit-linear-gradient(top, #61C0FF 0%, #99D6FF 50%, #D1EDFF 100%);
    background: linear-gradient(to bottom, #61C0FF 0%, #99D6FF 50%, #D1EDFF 100%);
}
</style>