#D269CD - #F2D4F0 | 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 #D269CD to #F2D4F0

#D269CD #F2D4F0

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

#D269CD - #F2D4F0 | 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 #D269CD as 0% and #F2D4F0 as 100%.

0.0%	0.0% #D269CD	RGB 210 105 205	#D269CD
16.7%	16.7% #D77AD2	RGB 215 122 210	#D77AD2
33.3%	33.3% #DC8CD8	RGB 220 140 216	#DC8CD8
50.0%	50.0% #E29EDE	RGB 226 158 222	#E29EDE
66.7%	66.7% #E7B0E4	RGB 231 176 228	#E7B0E4
83.3%	83.3% #ECC2EA	RGB 236 194 234	#ECC2EA
100.0%	100.0% #F2D4F0	RGB 242 212 240	#F2D4F0

#D269CD #D77AD2 #DC8CD8 #E29EDE #E7B0E4 #ECC2EA #F2D4F0

#D269CD - #F2D4F0

HSV Blend

#D269CD - #F2D4F0 | 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 #D269CD as 0% and #F2D4F0 as 100%.

0.0%	0.0% #D269CD	RGB 210 105 205	#D269CD
16.7%	16.7% #D779D2	RGB 215 121 210	#D779D2
33.3%	33.3% #DC89D8	RGB 220 137 216	#DC89D8
50.0%	50.0% #E29BDD	RGB 226 155 221	#E29BDD
66.7%	66.7% #E7ADE3	RGB 231 173 227	#E7ADE3
83.3%	83.3% #ECC0E9	RGB 236 192 233	#ECC0E9
100.0%	100.0% #F2D4F0	RGB 242 212 240	#F2D4F0

#D269CD #D779D2 #DC89D8 #E29BDD #E7ADE3 #ECC0E9 #F2D4F0

#D269CD - #E29BDD - #F2D4F0

CSS codes

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

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