#D070C0 - #F8D3E2 | 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 #D070C0 to #F8D3E2

#D070C0 #F8D3E2

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

#D070C0 - #F8D3E2 | 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 #D070C0 as 0% and #F8D3E2 as 100%.

0.0%	0.0% #D070C0	RGB 208 112 192	#D070C0
16.7%	16.7% #D680C5	RGB 214 128 197	#D680C5
33.3%	33.3% #DD91CB	RGB 221 145 203	#DD91CB
50.0%	50.0% #E4A1D1	RGB 228 161 209	#E4A1D1
66.7%	66.7% #EAB2D6	RGB 234 178 214	#EAB2D6
83.3%	83.3% #F1C2DC	RGB 241 194 220	#F1C2DC
100.0%	100.0% #F8D3E2	RGB 248 211 226	#F8D3E2

#D070C0 #D680C5 #DD91CB #E4A1D1 #EAB2D6 #F1C2DC #F8D3E2

#D070C0 - #F8D3E2

HSV Blend

#D070C0 - #F8D3E2 | 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 #D070C0 as 0% and #F8D3E2 as 100%.

0.0%	0.0% #D070C0	RGB 208 112 192	#D070C0
16.7%	16.7% #D67EC1	RGB 214 126 193	#D67EC1
33.3%	33.3% #DD8EC4	RGB 221 142 196	#DD8EC4
50.0%	50.0% #E49EC9	RGB 228 158 201	#E49EC9
66.7%	66.7% #EAAFCF	RGB 234 175 207	#EAAFCF
83.3%	83.3% #F1C0D7	RGB 241 192 215	#F1C0D7
100.0%	100.0% #F8D3E2	RGB 248 211 226	#F8D3E2

#D070C0 #D67EC1 #DD8EC4 #E49EC9 #EAAFCF #F1C0D7 #F8D3E2

#D070C0 - #E49EC9 - #F8D3E2

CSS codes

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

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