#DBBCCD - #AF6084 | 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 #DBBCCD to #AF6084

#DBBCCD #AF6084

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

#DBBCCD - #AF6084 | 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 #DBBCCD as 0% and #AF6084 as 100%.

0.0%	0.0% #DBBCCD	RGB 219 188 205	#DBBCCD
16.7%	16.7% #D3ACC0	RGB 211 172 192	#D3ACC0
33.3%	33.3% #CC9DB4	RGB 204 157 180	#CC9DB4
50.0%	50.0% #C58EA8	RGB 197 142 168	#C58EA8
66.7%	66.7% #BD7E9C	RGB 189 126 156	#BD7E9C
83.3%	83.3% #B66F90	RGB 182 111 144	#B66F90
100.0%	100.0% #AF6084	RGB 175 96 132	#AF6084

#DBBCCD #D3ACC0 #CC9DB4 #C58EA8 #BD7E9C #B66F90 #AF6084

#DBBCCD - #AF6084

HSV Blend

#DBBCCD - #AF6084 | 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 #DBBCCD as 0% and #AF6084 as 100%.

0.0%	0.0% #DBBCCD	RGB 219 188 205	#DBBCCD
16.7%	16.7% #D3AAC0	RGB 211 170 192	#D3AAC0
33.3%	33.3% #CC9AB4	RGB 204 154 180	#CC9AB4
50.0%	50.0% #C58AA7	RGB 197 138 167	#C58AA7
66.7%	66.7% #BD7B9B	RGB 189 123 155	#BD7B9B
83.3%	83.3% #B66D8F	RGB 182 109 143	#B66D8F
100.0%	100.0% #AF6084	RGB 175 96 132	#AF6084

#DBBCCD #D3AAC0 #CC9AB4 #C58AA7 #BD7B9B #B66D8F #AF6084

#DBBCCD - #C58AA7 - #AF6084

CSS codes

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

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