#9F9FCF - #CDD0D2 | 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 #9F9FCF to #CDD0D2

#9F9FCF #CDD0D2

Calculate the color between two colors, #9F9FCF and #CDD0D2. 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)

#9F9FCF - #CDD0D2 | 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 #9F9FCF as 0% and #CDD0D2 as 100%.

0.0%	0.0% #9F9FCF	RGB 159 159 207	#9F9FCF
16.7%	16.7% #A6A7CF	RGB 166 167 207	#A6A7CF
33.3%	33.3% #AEAFD0	RGB 174 175 208	#AEAFD0
50.0%	50.0% #B6B7D0	RGB 182 183 208	#B6B7D0
66.7%	66.7% #BDBFD1	RGB 189 191 209	#BDBFD1
83.3%	83.3% #C5C7D1	RGB 197 199 209	#C5C7D1
100.0%	100.0% #CDD0D2	RGB 205 208 210	#CDD0D2

#9F9FCF #A6A7CF #AEAFD0 #B6B7D0 #BDBFD1 #C5C7D1 #CDD0D2

#9F9FCF - #CDD0D2

HSV Blend

#9F9FCF - #CDD0D2 | 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 #9F9FCF as 0% and #CDD0D2 as 100%.

0.0%	0.0% #9F9FCF	RGB 159 159 207	#9F9FCF
16.7%	16.7% #A6AACF	RGB 166 170 207	#A6AACF
33.3%	33.3% #AEB4D0	RGB 174 180 208	#AEB4D0
50.0%	50.0% #B5BDD0	RGB 181 189 208	#B5BDD0
66.7%	66.7% #BDC5D1	RGB 189 197 209	#BDC5D1
83.3%	83.3% #C5CBD1	RGB 197 203 209	#C5CBD1
100.0%	100.0% #CDD0D2	RGB 205 208 210	#CDD0D2

#9F9FCF #A6AACF #AEB4D0 #B5BDD0 #BDC5D1 #C5CBD1 #CDD0D2

#9F9FCF - #B5BDD0 - #CDD0D2

CSS codes

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

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