#FECEE8 - #DD6FA5 | 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 #FECEE8 to #DD6FA5

#FECEE8 #DD6FA5

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

#FECEE8 - #DD6FA5 | 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 #FECEE8 as 0% and #DD6FA5 as 100%.

0.0%	0.0% #FECEE8	RGB 254 206 232	#FECEE8
16.7%	16.7% #F8BEDC	RGB 248 190 220	#F8BEDC
33.3%	33.3% #F3AED1	RGB 243 174 209	#F3AED1
50.0%	50.0% #ED9EC6	RGB 237 158 198	#ED9EC6
66.7%	66.7% #E88EBB	RGB 232 142 187	#E88EBB
83.3%	83.3% #E27EB0	RGB 226 126 176	#E27EB0
100.0%	100.0% #DD6FA5	RGB 221 111 165	#DD6FA5

#FECEE8 #F8BEDC #F3AED1 #ED9EC6 #E88EBB #E27EB0 #DD6FA5

#FECEE8 - #DD6FA5

HSV Blend

#FECEE8 - #DD6FA5 | 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 #FECEE8 as 0% and #DD6FA5 as 100%.

0.0%	0.0% #FECEE8	RGB 254 206 232	#FECEE8
16.7%	16.7% #F8BCDC	RGB 248 188 220	#F8BCDC
33.3%	33.3% #F3ACD1	RGB 243 172 209	#F3ACD1
50.0%	50.0% #ED9BC6	RGB 237 155 198	#ED9BC6
66.7%	66.7% #E88CBA	RGB 232 140 186	#E88CBA
83.3%	83.3% #E27DAF	RGB 226 125 175	#E27DAF
100.0%	100.0% #DD6FA5	RGB 221 111 165	#DD6FA5

#FECEE8 #F8BCDC #F3ACD1 #ED9BC6 #E88CBA #E27DAF #DD6FA5

#FECEE8 - #ED9BC6 - #DD6FA5

CSS codes

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

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