#FF6DB5 - #FFD5E9 | 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 #FF6DB5 to #FFD5E9

#FF6DB5 #FFD5E9

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

#FF6DB5 - #FFD5E9 | 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 #FF6DB5 as 0% and #FFD5E9 as 100%.

0.0%	0.0% #FF6DB5	RGB 255 109 181	#FF6DB5
16.7%	16.7% #FF7EBD	RGB 255 126 189	#FF7EBD
33.3%	33.3% #FF8FC6	RGB 255 143 198	#FF8FC6
50.0%	50.0% #FFA1CF	RGB 255 161 207	#FFA1CF
66.7%	66.7% #FFB2D7	RGB 255 178 215	#FFB2D7
83.3%	83.3% #FFC3E0	RGB 255 195 224	#FFC3E0
100.0%	100.0% #FFD5E9	RGB 255 213 233	#FFD5E9

#FF6DB5 #FF7EBD #FF8FC6 #FFA1CF #FFB2D7 #FFC3E0 #FFD5E9

#FF6DB5 - #FFD5E9

HSV Blend

#FF6DB5 - #FFD5E9 | 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 #FF6DB5 as 0% and #FFD5E9 as 100%.

0.0%	0.0% #FF6DB4	RGB 255 109 180	#FF6DB4
16.7%	16.7% #FF7EBD	RGB 255 126 189	#FF7EBD
33.3%	33.3% #FF8FC5	RGB 255 143 197	#FF8FC5
50.0%	50.0% #FFA1CE	RGB 255 161 206	#FFA1CE
66.7%	66.7% #FFB2D7	RGB 255 178 215	#FFB2D7
83.3%	83.3% #FFC3E0	RGB 255 195 224	#FFC3E0
100.0%	100.0% #FFD5E9	RGB 255 213 233	#FFD5E9

#FF6DB4 #FF7EBD #FF8FC5 #FFA1CE #FFB2D7 #FFC3E0 #FFD5E9

#FF6DB5 - #FFA1CE - #FFD5E9

CSS codes

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

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