#DF92BC - #BC3E8D | 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 #DF92BC to #BC3E8D

#DF92BC #BC3E8D

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

#DF92BC - #BC3E8D | 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 #DF92BC as 0% and #BC3E8D as 100%.

0.0%	0.0% #DF92BC	RGB 223 146 188	#DF92BC
16.7%	16.7% #D984B4	RGB 217 132 180	#D984B4
33.3%	33.3% #D376AC	RGB 211 118 172	#D376AC
50.0%	50.0% #CD68A4	RGB 205 104 164	#CD68A4
66.7%	66.7% #C75A9C	RGB 199 90 156	#C75A9C
83.3%	83.3% #C14C94	RGB 193 76 148	#C14C94
100.0%	100.0% #BC3E8D	RGB 188 62 141	#BC3E8D

#DF92BC #D984B4 #D376AC #CD68A4 #C75A9C #C14C94 #BC3E8D

#DF92BC - #BC3E8D

HSV Blend

#DF92BC - #BC3E8D | 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 #DF92BC as 0% and #BC3E8D as 100%.

0.0%	0.0% #DF92BC	RGB 223 146 188	#DF92BC
16.7%	16.7% #D982B2	RGB 217 130 178	#D982B2
33.3%	33.3% #D373AA	RGB 211 115 170	#D373AA
50.0%	50.0% #CD65A2	RGB 205 101 162	#CD65A2
66.7%	66.7% #C7579A	RGB 199 87 154	#C7579A
83.3%	83.3% #C14A93	RGB 193 74 147	#C14A93
100.0%	100.0% #BC3E8D	RGB 188 62 141	#BC3E8D

#DF92BC #D982B2 #D373AA #CD65A2 #C7579A #C14A93 #BC3E8D

#DF92BC - #CD65A2 - #BC3E8D

CSS codes

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

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