#D381A8 - #D4EDEC | 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 #D381A8 to #D4EDEC

#D381A8 #D4EDEC

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

#D381A8 - #D4EDEC | 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 #D381A8 as 0% and #D4EDEC as 100%.

0.0%	0.0% #D381A8	RGB 211 129 168	#D381A8
16.7%	16.7% #D393B3	RGB 211 147 179	#D393B3
33.3%	33.3% #D3A5BE	RGB 211 165 190	#D3A5BE
50.0%	50.0% #D3B7CA	RGB 211 183 202	#D3B7CA
66.7%	66.7% #D3C9D5	RGB 211 201 213	#D3C9D5
83.3%	83.3% #D3DBE0	RGB 211 219 224	#D3DBE0
100.0%	100.0% #D4EDEC	RGB 212 237 236	#D4EDEC

#D381A8 #D393B3 #D3A5BE #D3B7CA #D3C9D5 #D3DBE0 #D4EDEC

#D381A8 - #D4EDEC

HSV Blend

#D381A8 - #D4EDEC | 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 #D381A8 as 0% and #D4EDEC as 100%.

0.0%	0.0% #D381A8	RGB 211 129 168	#D381A8
16.7%	16.7% #D78DD0	RGB 215 141 208	#D78DD0
33.3%	33.3% #C69BDB	RGB 198 155 219	#C69BDB
50.0%	50.0% #B6A8E0	RGB 182 168 224	#B6A8E0
66.7%	66.7% #B6BFE4	RGB 182 191 228	#B6BFE4
83.3%	83.3% #C5DAE8	RGB 197 218 232	#C5DAE8
100.0%	100.0% #D4EDEC	RGB 212 237 236	#D4EDEC

#D381A8 #D78DD0 #C69BDB #B6A8E0 #B6BFE4 #C5DAE8 #D4EDEC

#D381A8 - #B6A8E0 - #D4EDEC

CSS codes

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

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