#DA6B8C - #F4D4DD | 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 #DA6B8C to #F4D4DD

#DA6B8C #F4D4DD

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

#DA6B8C - #F4D4DD | 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 #DA6B8C as 0% and #F4D4DD as 100%.

0.0%	0.0% #DA6B8C	RGB 218 107 140	#DA6B8C
16.7%	16.7% #DE7C99	RGB 222 124 153	#DE7C99
33.3%	33.3% #E28EA7	RGB 226 142 167	#E28EA7
50.0%	50.0% #E79FB4	RGB 231 159 180	#E79FB4
66.7%	66.7% #EBB1C2	RGB 235 177 194	#EBB1C2
83.3%	83.3% #EFC2CF	RGB 239 194 207	#EFC2CF
100.0%	100.0% #F4D4DD	RGB 244 212 221	#F4D4DD

#DA6B8C #DE7C99 #E28EA7 #E79FB4 #EBB1C2 #EFC2CF #F4D4DD

#DA6B8C - #F4D4DD

HSV Blend

#DA6B8C - #F4D4DD | 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 #DA6B8C as 0% and #F4D4DD as 100%.

0.0%	0.0% #DA6B8B	RGB 218 107 139	#DA6B8B
16.7%	16.7% #DE7B98	RGB 222 123 152	#DE7B98
33.3%	33.3% #E28BA5	RGB 226 139 165	#E28BA5
50.0%	50.0% #E79DB2	RGB 231 157 178	#E79DB2
66.7%	66.7% #EBAEC0	RGB 235 174 192	#EBAEC0
83.3%	83.3% #EFC1CE	RGB 239 193 206	#EFC1CE
100.0%	100.0% #F4D4DD	RGB 244 212 221	#F4D4DD

#DA6B8B #DE7B98 #E28BA5 #E79DB2 #EBAEC0 #EFC1CE #F4D4DD

#DA6B8C - #E79DB2 - #F4D4DD

CSS codes

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

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