#D9C8F2 - #3E3945 | 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 #D9C8F2 to #3E3945

#D9C8F2 #3E3945

Calculate the color between two colors, #D9C8F2 and #3E3945. 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)

#D9C8F2 - #3E3945 | 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 #D9C8F2 as 0% and #3E3945 as 100%.

0.0%	0.0% #D9C8F2	RGB 217 200 242	#D9C8F2
16.7%	16.7% #BFB0D5	RGB 191 176 213	#BFB0D5
33.3%	33.3% #A598B8	RGB 165 152 184	#A598B8
50.0%	50.0% #8B809B	RGB 139 128 155	#8B809B
66.7%	66.7% #71687E	RGB 113 104 126	#71687E
83.3%	83.3% #575061	RGB 87 80 97	#575061
100.0%	100.0% #3E3945	RGB 62 57 69	#3E3945

#D9C8F2 #BFB0D5 #A598B8 #8B809B #71687E #575061 #3E3945

#D9C8F2 - #3E3945

HSV Blend

#D9C8F2 - #3E3945 | 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 #D9C8F2 as 0% and #3E3945 as 100%.

0.0%	0.0% #D9C8F2	RGB 217 200 242	#D9C8F2
16.7%	16.7% #BFB0D5	RGB 191 176 213	#BFB0D5
33.3%	33.3% #A598B8	RGB 165 152 184	#A598B8
50.0%	50.0% #8B809B	RGB 139 128 155	#8B809B
66.7%	66.7% #71687E	RGB 113 104 126	#71687E
83.3%	83.3% #575061	RGB 87 80 97	#575061
100.0%	100.0% #3E3945	RGB 62 57 69	#3E3945

#D9C8F2 #BFB0D5 #A598B8 #8B809B #71687E #575061 #3E3945

#D9C8F2 - #8B809B - #3E3945

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D9C8F2 0%, #8B809B 50%, #3E3945 100%);
    background: -webkit-linear-gradient(top, #D9C8F2 0%, #8B809B 50%, #3E3945 100%);
    background: linear-gradient(to bottom, #D9C8F2 0%, #8B809B 50%, #3E3945 100%);
}
</style>