#CFD4DF - #768BA5 | 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 #CFD4DF to #768BA5

#CFD4DF #768BA5

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

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

0.0%	0.0% #CFD4DF	RGB 207 212 223	#CFD4DF
16.7%	16.7% #C0C7D5	RGB 192 199 213	#C0C7D5
33.3%	33.3% #B1BBCB	RGB 177 187 203	#B1BBCB
50.0%	50.0% #A2AFC2	RGB 162 175 194	#A2AFC2
66.7%	66.7% #93A3B8	RGB 147 163 184	#93A3B8
83.3%	83.3% #8497AE	RGB 132 151 174	#8497AE
100.0%	100.0% #768BA5	RGB 118 139 165	#768BA5

#CFD4DF #C0C7D5 #B1BBCB #A2AFC2 #93A3B8 #8497AE #768BA5

#CFD4DF - #768BA5

HSV Blend

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

0.0%	0.0% #CFD4DF	RGB 207 212 223	#CFD4DF
16.7%	16.7% #BEC6D5	RGB 190 198 213	#BEC6D5
33.3%	33.3% #AEB8CB	RGB 174 184 203	#AEB8CB
50.0%	50.0% #9FACC2	RGB 159 172 194	#9FACC2
66.7%	66.7% #90A0B8	RGB 144 160 184	#90A0B8
83.3%	83.3% #8395AE	RGB 131 149 174	#8395AE
100.0%	100.0% #768BA5	RGB 118 139 165	#768BA5

#CFD4DF #BEC6D5 #AEB8CB #9FACC2 #90A0B8 #8395AE #768BA5

#CFD4DF - #9FACC2 - #768BA5

CSS codes

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

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