#DBA1FD - #842ACB | 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 #DBA1FD to #842ACB

#DBA1FD #842ACB

Calculate the color between two colors, #DBA1FD and #842ACB. 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)

#DBA1FD - #842ACB | 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 #DBA1FD as 0% and #842ACB as 100%.

0.0%	0.0% #DBA1FD	RGB 219 161 253	#DBA1FD
16.7%	16.7% #CC8DF4	RGB 204 141 244	#CC8DF4
33.3%	33.3% #BE79EC	RGB 190 121 236	#BE79EC
50.0%	50.0% #AF65E4	RGB 175 101 228	#AF65E4
66.7%	66.7% #A151DB	RGB 161 81 219	#A151DB
83.3%	83.3% #923DD3	RGB 146 61 211	#923DD3
100.0%	100.0% #842ACB	RGB 132 42 203	#842ACB

#DBA1FD #CC8DF4 #BE79EC #AF65E4 #A151DB #923DD3 #842ACB

#DBA1FD - #842ACB

HSV Blend

#DBA1FD - #842ACB | 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 #DBA1FD as 0% and #842ACB as 100%.

0.0%	0.0% #DBA1FD	RGB 219 161 253	#DBA1FD
16.7%	16.7% #CC8AF4	RGB 204 138 244	#CC8AF4
33.3%	33.3% #BD74EC	RGB 189 116 236	#BD74EC
50.0%	50.0% #AE60E4	RGB 174 96 228	#AE60E4
66.7%	66.7% #A04CDB	RGB 160 76 219	#A04CDB
83.3%	83.3% #913AD3	RGB 145 58 211	#913AD3
100.0%	100.0% #842ACB	RGB 132 42 203	#842ACB

#DBA1FD #CC8AF4 #BD74EC #AE60E4 #A04CDB #913AD3 #842ACB

#DBA1FD - #AE60E4 - #842ACB

CSS codes

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

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