#FEC6DB - #DA6894 | 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 #FEC6DB to #DA6894

#FEC6DB #DA6894

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

#FEC6DB - #DA6894 | 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 #FEC6DB as 0% and #DA6894 as 100%.

0.0%	0.0% #FEC6DB	RGB 254 198 219	#FEC6DB
16.7%	16.7% #F8B6CF	RGB 248 182 207	#F8B6CF
33.3%	33.3% #F2A6C3	RGB 242 166 195	#F2A6C3
50.0%	50.0% #EC97B7	RGB 236 151 183	#EC97B7
66.7%	66.7% #E687AB	RGB 230 135 171	#E687AB
83.3%	83.3% #E0779F	RGB 224 119 159	#E0779F
100.0%	100.0% #DA6894	RGB 218 104 148	#DA6894

#FEC6DB #F8B6CF #F2A6C3 #EC97B7 #E687AB #E0779F #DA6894

#FEC6DB - #DA6894

HSV Blend

#FEC6DB - #DA6894 | 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 #FEC6DB as 0% and #DA6894 as 100%.

0.0%	0.0% #FEC6DB	RGB 254 198 219	#FEC6DB
16.7%	16.7% #F8B4CE	RGB 248 180 206	#F8B4CE
33.3%	33.3% #F2A4C1	RGB 242 164 193	#F2A4C1
50.0%	50.0% #EC94B5	RGB 236 148 181	#EC94B5
66.7%	66.7% #E684AA	RGB 230 132 170	#E684AA
83.3%	83.3% #E0769E	RGB 224 118 158	#E0769E
100.0%	100.0% #DA6894	RGB 218 104 148	#DA6894

#FEC6DB #F8B4CE #F2A4C1 #EC94B5 #E684AA #E0769E #DA6894

#FEC6DB - #EC94B5 - #DA6894

CSS codes

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

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