#692592 - #D3C0DF | 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 #692592 to #D3C0DF

#692592 #D3C0DF

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

#692592 - #D3C0DF | 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 #692592 as 0% and #D3C0DF as 100%.

0.0%	0.0% #692592	RGB 105 37 146	#692592
16.7%	16.7% #7A3E9E	RGB 122 62 158	#7A3E9E
33.3%	33.3% #8C58AB	RGB 140 88 171	#8C58AB
50.0%	50.0% #9E72B8	RGB 158 114 184	#9E72B8
66.7%	66.7% #AF8CC5	RGB 175 140 197	#AF8CC5
83.3%	83.3% #C1A6D2	RGB 193 166 210	#C1A6D2
100.0%	100.0% #D3C0DF	RGB 211 192 223	#D3C0DF

#692592 #7A3E9E #8C58AB #9E72B8 #AF8CC5 #C1A6D2 #D3C0DF

#692592 - #D3C0DF

HSV Blend

#692592 - #D3C0DF | 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 #692592 as 0% and #D3C0DF as 100%.

0.0%	0.0% #692592	RGB 105 37 146	#692592
16.7%	16.7% #78389E	RGB 120 56 158	#78389E
33.3%	33.3% #884EAB	RGB 136 78 171	#884EAB
50.0%	50.0% #9966B8	RGB 153 102 184	#9966B8
66.7%	66.7% #AB81C5	RGB 171 129 197	#AB81C5
83.3%	83.3% #BE9FD2	RGB 190 159 210	#BE9FD2
100.0%	100.0% #D3C0DF	RGB 211 192 223	#D3C0DF

#692592 #78389E #884EAB #9966B8 #AB81C5 #BE9FD2 #D3C0DF

#692592 - #9966B8 - #D3C0DF

CSS codes

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

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