#CAD0FF - #6680D5 | 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 #CAD0FF to #6680D5

#CAD0FF #6680D5

Calculate the color between two colors, #CAD0FF and #6680D5. 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)

#CAD0FF - #6680D5 | 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 #CAD0FF as 0% and #6680D5 as 100%.

0.0%	0.0% #CAD0FF	RGB 202 208 255	#CAD0FF
16.7%	16.7% #B9C2F8	RGB 185 194 248	#B9C2F8
33.3%	33.3% #A8B5F1	RGB 168 181 241	#A8B5F1
50.0%	50.0% #98A8EA	RGB 152 168 234	#98A8EA
66.7%	66.7% #879AE3	RGB 135 154 227	#879AE3
83.3%	83.3% #768DDC	RGB 118 141 220	#768DDC
100.0%	100.0% #6680D5	RGB 102 128 213	#6680D5

#CAD0FF #B9C2F8 #A8B5F1 #98A8EA #879AE3 #768DDC #6680D5

#CAD0FF - #6680D5

HSV Blend

#CAD0FF - #6680D5 | 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 #CAD0FF as 0% and #6680D5 as 100%.

0.0%	0.0% #CAD0FF	RGB 202 208 255	#CAD0FF
16.7%	16.7% #B7C0F8	RGB 183 192 248	#B7C0F8
33.3%	33.3% #A5B1F1	RGB 165 177 241	#A5B1F1
50.0%	50.0% #94A3EA	RGB 148 163 234	#94A3EA
66.7%	66.7% #8496E3	RGB 132 150 227	#8496E3
83.3%	83.3% #748ADC	RGB 116 138 220	#748ADC
100.0%	100.0% #6680D5	RGB 102 128 213	#6680D5

#CAD0FF #B7C0F8 #A5B1F1 #94A3EA #8496E3 #748ADC #6680D5

#CAD0FF - #94A3EA - #6680D5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CAD0FF 0%, #94A3EA 50%, #6680D5 100%);
    background: -webkit-linear-gradient(top, #CAD0FF 0%, #94A3EA 50%, #6680D5 100%);
    background: linear-gradient(to bottom, #CAD0FF 0%, #94A3EA 50%, #6680D5 100%);
}
</style>