#CFD7E5 - #768DAD | 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 #CFD7E5 to #768DAD

#CFD7E5 #768DAD

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

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

0.0%	0.0% #CFD7E5	RGB 207 215 229	#CFD7E5
16.7%	16.7% #C0CADB	RGB 192 202 219	#C0CADB
33.3%	33.3% #B1BED2	RGB 177 190 210	#B1BED2
50.0%	50.0% #A2B2C9	RGB 162 178 201	#A2B2C9
66.7%	66.7% #93A5BF	RGB 147 165 191	#93A5BF
83.3%	83.3% #8499B6	RGB 132 153 182	#8499B6
100.0%	100.0% #768DAD	RGB 118 141 173	#768DAD

#CFD7E5 #C0CADB #B1BED2 #A2B2C9 #93A5BF #8499B6 #768DAD

#CFD7E5 - #768DAD

HSV Blend

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

0.0%	0.0% #CFD7E5	RGB 207 215 229	#CFD7E5
16.7%	16.7% #BEC9DB	RGB 190 201 219	#BEC9DB
33.3%	33.3% #AEBCD2	RGB 174 188 210	#AEBCD2
50.0%	50.0% #9FAFC9	RGB 159 175 201	#9FAFC9
66.7%	66.7% #90A3BF	RGB 144 163 191	#90A3BF
83.3%	83.3% #8398B6	RGB 131 152 182	#8398B6
100.0%	100.0% #768DAD	RGB 118 141 173	#768DAD

#CFD7E5 #BEC9DB #AEBCD2 #9FAFC9 #90A3BF #8398B6 #768DAD

#CFD7E5 - #9FAFC9 - #768DAD

CSS codes

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

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