#CDCFD9 - #71869C | 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 #CDCFD9 to #71869C

#CDCFD9 #71869C

Calculate the color between two colors, #CDCFD9 and #71869C. 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)

#CDCFD9 - #71869C | 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 #CDCFD9 as 0% and #71869C as 100%.

0.0%	0.0% #CDCFD9	RGB 205 207 217	#CDCFD9
16.7%	16.7% #BDC2CE	RGB 189 194 206	#BDC2CE
33.3%	33.3% #AEB6C4	RGB 174 182 196	#AEB6C4
50.0%	50.0% #9FAABA	RGB 159 170 186	#9FAABA
66.7%	66.7% #8F9EB0	RGB 143 158 176	#8F9EB0
83.3%	83.3% #8092A6	RGB 128 146 166	#8092A6
100.0%	100.0% #71869C	RGB 113 134 156	#71869C

#CDCFD9 #BDC2CE #AEB6C4 #9FAABA #8F9EB0 #8092A6 #71869C

#CDCFD9 - #71869C

HSV Blend

#CDCFD9 - #71869C | 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 #CDCFD9 as 0% and #71869C as 100%.

0.0%	0.0% #CDCFD9	RGB 205 207 217	#CDCFD9
16.7%	16.7% #BBBFCE	RGB 187 191 206	#BBBFCE
33.3%	33.3% #ABB2C4	RGB 171 178 196	#ABB2C4
50.0%	50.0% #9BA5BA	RGB 155 165 186	#9BA5BA
66.7%	66.7% #8C9AB0	RGB 140 154 176	#8C9AB0
83.3%	83.3% #7E8FA6	RGB 126 143 166	#7E8FA6
100.0%	100.0% #71869C	RGB 113 134 156	#71869C

#CDCFD9 #BBBFCE #ABB2C4 #9BA5BA #8C9AB0 #7E8FA6 #71869C

#CDCFD9 - #9BA5BA - #71869C

CSS codes

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

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