#FFE3F8 - #CD8CB2 | 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 #FFE3F8 to #CD8CB2

#FFE3F8 #CD8CB2

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

#FFE3F8 - #CD8CB2 | 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 #FFE3F8 as 0% and #CD8CB2 as 100%.

0.0%	0.0% #FFE3F8	RGB 255 227 248	#FFE3F8
16.7%	16.7% #F6D4EC	RGB 246 212 236	#F6D4EC
33.3%	33.3% #EEC6E0	RGB 238 198 224	#EEC6E0
50.0%	50.0% #E6B7D5	RGB 230 183 213	#E6B7D5
66.7%	66.7% #DDA9C9	RGB 221 169 201	#DDA9C9
83.3%	83.3% #D59ABD	RGB 213 154 189	#D59ABD
100.0%	100.0% #CD8CB2	RGB 205 140 178	#CD8CB2

#FFE3F8 #F6D4EC #EEC6E0 #E6B7D5 #DDA9C9 #D59ABD #CD8CB2

#FFE3F8 - #CD8CB2

HSV Blend

#FFE3F8 - #CD8CB2 | 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 #FFE3F8 as 0% and #CD8CB2 as 100%.

0.0%	0.0% #FFE3F8	RGB 255 227 248	#FFE3F8
16.7%	16.7% #F6D3EC	RGB 246 211 236	#F6D3EC
33.3%	33.3% #EEC3E1	RGB 238 195 225	#EEC3E1
50.0%	50.0% #E6B4D5	RGB 230 180 213	#E6B4D5
66.7%	66.7% #DDA6C9	RGB 221 166 201	#DDA6C9
83.3%	83.3% #D599BD	RGB 213 153 189	#D599BD
100.0%	100.0% #CD8CB2	RGB 205 140 178	#CD8CB2

#FFE3F8 #F6D3EC #EEC3E1 #E6B4D5 #DDA6C9 #D599BD #CD8CB2

#FFE3F8 - #E6B4D5 - #CD8CB2

CSS codes

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

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