#CADAFE - #6A8ED4 | 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 #CADAFE to #6A8ED4

#CADAFE #6A8ED4

Calculate the color between two colors, #CADAFE and #6A8ED4. 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)

#CADAFE - #6A8ED4 | 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 #CADAFE as 0% and #6A8ED4 as 100%.

0.0%	0.0% #CADAFE	RGB 202 218 254	#CADAFE
16.7%	16.7% #BACDF7	RGB 186 205 247	#BACDF7
33.3%	33.3% #AAC0F0	RGB 170 192 240	#AAC0F0
50.0%	50.0% #9AB4E9	RGB 154 180 233	#9AB4E9
66.7%	66.7% #8AA7E2	RGB 138 167 226	#8AA7E2
83.3%	83.3% #7A9ADB	RGB 122 154 219	#7A9ADB
100.0%	100.0% #6A8ED4	RGB 106 142 212	#6A8ED4

#CADAFE #BACDF7 #AAC0F0 #9AB4E9 #8AA7E2 #7A9ADB #6A8ED4

#CADAFE - #6A8ED4

HSV Blend

#CADAFE - #6A8ED4 | 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 #CADAFE as 0% and #6A8ED4 as 100%.

0.0%	0.0% #CADAFE	RGB 202 218 254	#CADAFE
16.7%	16.7% #B8CBF7	RGB 184 203 247	#B8CBF7
33.3%	33.3% #A7BEF0	RGB 167 190 240	#A7BEF0
50.0%	50.0% #96B1E9	RGB 150 177 233	#96B1E9
66.7%	66.7% #87A5E2	RGB 135 165 226	#87A5E2
83.3%	83.3% #7899DB	RGB 120 153 219	#7899DB
100.0%	100.0% #6A8ED4	RGB 106 142 212	#6A8ED4

#CADAFE #B8CBF7 #A7BEF0 #96B1E9 #87A5E2 #7899DB #6A8ED4

#CADAFE - #96B1E9 - #6A8ED4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CADAFE 0%, #96B1E9 50%, #6A8ED4 100%);
    background: -webkit-linear-gradient(top, #CADAFE 0%, #96B1E9 50%, #6A8ED4 100%);
    background: linear-gradient(to bottom, #CADAFE 0%, #96B1E9 50%, #6A8ED4 100%);
}
</style>