#82F0FF - #F7E5DF | 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 #82F0FF to #F7E5DF

#82F0FF #F7E5DF

Calculate the color between two colors, #82F0FF and #F7E5DF. 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)

#82F0FF - #F7E5DF | 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 #82F0FF as 0% and #F7E5DF as 100%.

0.0%	0.0% #82F0FF	RGB 130 240 255	#82F0FF
16.7%	16.7% #95EEF9	RGB 149 238 249	#95EEF9
33.3%	33.3% #A9ECF4	RGB 169 236 244	#A9ECF4
50.0%	50.0% #BCEAEF	RGB 188 234 239	#BCEAEF
66.7%	66.7% #D0E8E9	RGB 208 232 233	#D0E8E9
83.3%	83.3% #E3E6E4	RGB 227 230 228	#E3E6E4
100.0%	100.0% #F7E5DF	RGB 247 229 223	#F7E5DF

#82F0FF #95EEF9 #A9ECF4 #BCEAEF #D0E8E9 #E3E6E4 #F7E5DF

#82F0FF - #F7E5DF

HSV Blend

#82F0FF - #F7E5DF | 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 #82F0FF as 0% and #F7E5DF as 100%.

0.0%	0.0% #82F0FF	RGB 130 240 255	#82F0FF
16.7%	16.7% #91FDD7	RGB 145 253 215	#91FDD7
33.3%	33.3% #A1FCB0	RGB 161 252 176	#A1FCB0
50.0%	50.0% #C8FBB1	RGB 200 251 177	#C8FBB1
66.7%	66.7% #EDF9C0	RGB 237 249 192	#EDF9C0
83.3%	83.3% #F8EDCF	RGB 248 237 207	#F8EDCF
100.0%	100.0% #F7E5DF	RGB 247 229 223	#F7E5DF

#82F0FF #91FDD7 #A1FCB0 #C8FBB1 #EDF9C0 #F8EDCF #F7E5DF

#82F0FF - #C8FBB1 - #F7E5DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #82F0FF 0%, #C8FBB1 50%, #F7E5DF 100%);
    background: -webkit-linear-gradient(top, #82F0FF 0%, #C8FBB1 50%, #F7E5DF 100%);
    background: linear-gradient(to bottom, #82F0FF 0%, #C8FBB1 50%, #F7E5DF 100%);
}
</style>