#FBDDDD - #CD7E94 | 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 #FBDDDD to #CD7E94

#FBDDDD #CD7E94

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

#FBDDDD - #CD7E94 | 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 #FBDDDD as 0% and #CD7E94 as 100%.

0.0%	0.0% #FBDDDD	RGB 251 221 221	#FBDDDD
16.7%	16.7% #F3CDD0	RGB 243 205 208	#F3CDD0
33.3%	33.3% #EBBDC4	RGB 235 189 196	#EBBDC4
50.0%	50.0% #E4ADB8	RGB 228 173 184	#E4ADB8
66.7%	66.7% #DC9DAC	RGB 220 157 172	#DC9DAC
83.3%	83.3% #D48DA0	RGB 212 141 160	#D48DA0
100.0%	100.0% #CD7E94	RGB 205 126 148	#CD7E94

#FBDDDD #F3CDD0 #EBBDC4 #E4ADB8 #DC9DAC #D48DA0 #CD7E94

#FBDDDD - #CD7E94

HSV Blend

#FBDDDD - #CD7E94 | 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 #FBDDDD as 0% and #CD7E94 as 100%.

0.0%	0.0% #FBDDDD	RGB 251 221 221	#FBDDDD
16.7%	16.7% #F3CBCD	RGB 243 203 205	#F3CBCD
33.3%	33.3% #EBBABF	RGB 235 186 191	#EBBABF
50.0%	50.0% #E4AAB2	RGB 228 170 178	#E4AAB2
66.7%	66.7% #DC9AA7	RGB 220 154 167	#DC9AA7
83.3%	83.3% #D48C9C	RGB 212 140 156	#D48C9C
100.0%	100.0% #CD7E94	RGB 205 126 148	#CD7E94

#FBDDDD #F3CBCD #EBBABF #E4AAB2 #DC9AA7 #D48C9C #CD7E94

#FBDDDD - #E4AAB2 - #CD7E94

CSS codes

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

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