#CED4FE - #7F82F0 | 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 #CED4FE to #7F82F0

#CED4FE #7F82F0

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

#CED4FE - #7F82F0 | 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 #CED4FE as 0% and #7F82F0 as 100%.

0.0%	0.0% #CED4FE	RGB 206 212 254	#CED4FE
16.7%	16.7% #C0C6FB	RGB 192 198 251	#C0C6FB
33.3%	33.3% #B3B8F9	RGB 179 184 249	#B3B8F9
50.0%	50.0% #A6ABF7	RGB 166 171 247	#A6ABF7
66.7%	66.7% #999DF4	RGB 153 157 244	#999DF4
83.3%	83.3% #8C8FF2	RGB 140 143 242	#8C8FF2
100.0%	100.0% #7F82F0	RGB 127 130 240	#7F82F0

#CED4FE #C0C6FB #B3B8F9 #A6ABF7 #999DF4 #8C8FF2 #7F82F0

#CED4FE - #7F82F0

HSV Blend

#CED4FE - #7F82F0 | 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 #CED4FE as 0% and #7F82F0 as 100%.

0.0%	0.0% #CED4FE	RGB 206 212 254	#CED4FE
16.7%	16.7% #C0C6FB	RGB 192 198 251	#C0C6FB
33.3%	33.3% #B2B9F9	RGB 178 185 249	#B2B9F9
50.0%	50.0% #A5ABF7	RGB 165 171 247	#A5ABF7
66.7%	66.7% #989DF4	RGB 152 157 244	#989DF4
83.3%	83.3% #8B90F2	RGB 139 144 242	#8B90F2
100.0%	100.0% #7F82F0	RGB 127 130 240	#7F82F0

#CED4FE #C0C6FB #B2B9F9 #A5ABF7 #989DF4 #8B90F2 #7F82F0

#CED4FE - #A5ABF7 - #7F82F0

CSS codes

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

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