#CADAE3 - #768FAB | 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 #CADAE3 to #768FAB

#CADAE3 #768FAB

Calculate the color between two colors, #CADAE3 and #768FAB. 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)

#CADAE3 - #768FAB | 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 #CADAE3 as 0% and #768FAB as 100%.

0.0%	0.0% #CADAE3	RGB 202 218 227	#CADAE3
16.7%	16.7% #BCCDD9	RGB 188 205 217	#BCCDD9
33.3%	33.3% #AEC1D0	RGB 174 193 208	#AEC1D0
50.0%	50.0% #A0B4C7	RGB 160 180 199	#A0B4C7
66.7%	66.7% #92A8BD	RGB 146 168 189	#92A8BD
83.3%	83.3% #849BB4	RGB 132 155 180	#849BB4
100.0%	100.0% #768FAB	RGB 118 143 171	#768FAB

#CADAE3 #BCCDD9 #AEC1D0 #A0B4C7 #92A8BD #849BB4 #768FAB

#CADAE3 - #768FAB

HSV Blend

#CADAE3 - #768FAB | 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 #CADAE3 as 0% and #768FAB as 100%.

0.0%	0.0% #CADAE3	RGB 202 218 227	#CADAE3
16.7%	16.7% #BACDD9	RGB 186 205 217	#BACDD9
33.3%	33.3% #ABC1D0	RGB 171 193 208	#ABC1D0
50.0%	50.0% #9DB4C7	RGB 157 180 199	#9DB4C7
66.7%	66.7% #8FA7BD	RGB 143 167 189	#8FA7BD
83.3%	83.3% #829BB4	RGB 130 155 180	#829BB4
100.0%	100.0% #768FAB	RGB 118 143 171	#768FAB

#CADAE3 #BACDD9 #ABC1D0 #9DB4C7 #8FA7BD #829BB4 #768FAB

#CADAE3 - #9DB4C7 - #768FAB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CADAE3 0%, #9DB4C7 50%, #768FAB 100%);
    background: -webkit-linear-gradient(top, #CADAE3 0%, #9DB4C7 50%, #768FAB 100%);
    background: linear-gradient(to bottom, #CADAE3 0%, #9DB4C7 50%, #768FAB 100%);
}
</style>