#CDDFDF - #FFD6FB | 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 #CDDFDF to #FFD6FB

#CDDFDF #FFD6FB

Calculate the color between two colors, #CDDFDF and #FFD6FB. 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)

#CDDFDF - #FFD6FB | 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 #CDDFDF as 0% and #FFD6FB as 100%.

0.0%	0.0% #CDDFDF	RGB 205 223 223	#CDDFDF
16.7%	16.7% #D5DDE3	RGB 213 221 227	#D5DDE3
33.3%	33.3% #DDDCE8	RGB 221 220 232	#DDDCE8
50.0%	50.0% #E6DAED	RGB 230 218 237	#E6DAED
66.7%	66.7% #EED9F1	RGB 238 217 241	#EED9F1
83.3%	83.3% #F6D7F6	RGB 246 215 246	#F6D7F6
100.0%	100.0% #FFD6FB	RGB 255 214 251	#FFD6FB

#CDDFDF #D5DDE3 #DDDCE8 #E6DAED #EED9F1 #F6D7F6 #FFD6FB

#CDDFDF - #FFD6FB

HSV Blend

#CDDFDF - #FFD6FB | 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 #CDDFDF as 0% and #FFD6FB as 100%.

0.0%	0.0% #CDDFDF	RGB 205 223 223	#CDDFDF
16.7%	16.7% #CEDCE4	RGB 206 220 228	#CEDCE4
33.3%	33.3% #D0D8E9	RGB 208 216 233	#D0D8E9
50.0%	50.0% #D3D2EF	RGB 211 210 239	#D3D2EF
66.7%	66.7% #E0D3F4	RGB 224 211 244	#E0D3F4
83.3%	83.3% #F0D4F9	RGB 240 212 249	#F0D4F9
100.0%	100.0% #FFD6FB	RGB 255 214 251	#FFD6FB

#CDDFDF #CEDCE4 #D0D8E9 #D3D2EF #E0D3F4 #F0D4F9 #FFD6FB

#CDDFDF - #D3D2EF - #FFD6FB

CSS codes

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

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