#FFB2D9 - #CFD5E4 | 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 #FFB2D9 to #CFD5E4

#FFB2D9 #CFD5E4

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

#FFB2D9 - #CFD5E4 | 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 #FFB2D9 as 0% and #CFD5E4 as 100%.

0.0%	0.0% #FFB2D9	RGB 255 178 217	#FFB2D9
16.7%	16.7% #F7B7DA	RGB 247 183 218	#F7B7DA
33.3%	33.3% #EFBDDC	RGB 239 189 220	#EFBDDC
50.0%	50.0% #E7C3DE	RGB 231 195 222	#E7C3DE
66.7%	66.7% #DFC9E0	RGB 223 201 224	#DFC9E0
83.3%	83.3% #D7CFE2	RGB 215 207 226	#D7CFE2
100.0%	100.0% #CFD5E4	RGB 207 213 228	#CFD5E4

#FFB2D9 #F7B7DA #EFBDDC #E7C3DE #DFC9E0 #D7CFE2 #CFD5E4

#FFB2D9 - #CFD5E4

HSV Blend

#FFB2D9 - #CFD5E4 | 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 #FFB2D9 as 0% and #CFD5E4 as 100%.

0.0%	0.0% #FFB2D9	RGB 255 178 217	#FFB2D9
16.7%	16.7% #FAB7ED	RGB 250 183 237	#FAB7ED
33.3%	33.3% #F0BCF6	RGB 240 188 246	#F0BCF6
50.0%	50.0% #DEC1F1	RGB 222 193 241	#DEC1F1
66.7%	66.7% #D2C6ED	RGB 210 198 237	#D2C6ED
83.3%	83.3% #CBCAE8	RGB 203 202 232	#CBCAE8
100.0%	100.0% #CFD5E4	RGB 207 213 228	#CFD5E4

#FFB2D9 #FAB7ED #F0BCF6 #DEC1F1 #D2C6ED #CBCAE8 #CFD5E4

#FFB2D9 - #DEC1F1 - #CFD5E4

CSS codes

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

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