#DBBCCC - #AF6183 | 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 #DBBCCC to #AF6183

#DBBCCC #AF6183

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

#DBBCCC - #AF6183 | 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 #DBBCCC as 0% and #AF6183 as 100%.

0.0%	0.0% #DBBCCC	RGB 219 188 204	#DBBCCC
16.7%	16.7% #D3ACBF	RGB 211 172 191	#D3ACBF
33.3%	33.3% #CC9DB3	RGB 204 157 179	#CC9DB3
50.0%	50.0% #C58EA7	RGB 197 142 167	#C58EA7
66.7%	66.7% #BD7F9B	RGB 189 127 155	#BD7F9B
83.3%	83.3% #B6708F	RGB 182 112 143	#B6708F
100.0%	100.0% #AF6183	RGB 175 97 131	#AF6183

#DBBCCC #D3ACBF #CC9DB3 #C58EA7 #BD7F9B #B6708F #AF6183

#DBBCCC - #AF6183

HSV Blend

#DBBCCC - #AF6183 | 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 #DBBCCC as 0% and #AF6183 as 100%.

0.0%	0.0% #DBBCCC	RGB 219 188 204	#DBBCCC
16.7%	16.7% #D3AABF	RGB 211 170 191	#D3AABF
33.3%	33.3% #CC9AB2	RGB 204 154 178	#CC9AB2
50.0%	50.0% #C58BA6	RGB 197 139 166	#C58BA6
66.7%	66.7% #BD7C9A	RGB 189 124 154	#BD7C9A
83.3%	83.3% #B66E8E	RGB 182 110 142	#B66E8E
100.0%	100.0% #AF6183	RGB 175 97 131	#AF6183

#DBBCCC #D3AABF #CC9AB2 #C58BA6 #BD7C9A #B66E8E #AF6183

#DBBCCC - #C58BA6 - #AF6183

CSS codes

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

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