#3C435D - #25071C | 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 #3C435D to #25071C

#3C435D #25071C

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

#3C435D - #25071C | 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 #3C435D as 0% and #25071C as 100%.

0.0%	0.0% #3C435D	RGB 60 67 93	#3C435D
16.7%	16.7% #383952	RGB 56 57 82	#383952
33.3%	33.3% #342F47	RGB 52 47 71	#342F47
50.0%	50.0% #30253C	RGB 48 37 60	#30253C
66.7%	66.7% #2C1B31	RGB 44 27 49	#2C1B31
83.3%	83.3% #281126	RGB 40 17 38	#281126
100.0%	100.0% #25071C	RGB 37 7 28	#25071C

#3C435D #383952 #342F47 #30253C #2C1B31 #281126 #25071C

#3C435D - #25071C

HSV Blend

#3C435D - #25071C | 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 #3C435D as 0% and #25071C as 100%.

0.0%	0.0% #3C435D	RGB 60 67 93	#3C435D
16.7%	16.7% #312F53	RGB 49 47 83	#312F53
33.3%	33.3% #2F244A	RGB 47 36 74	#2F244A
50.0%	50.0% #2F1B41	RGB 47 27 65	#2F1B41
66.7%	66.7% #301237	RGB 48 18 55	#301237
83.3%	83.3% #2E0C2C	RGB 46 12 44	#2E0C2C
100.0%	100.0% #25071C	RGB 37 7 28	#25071C

#3C435D #312F53 #2F244A #2F1B41 #301237 #2E0C2C #25071C

#3C435D - #2F1B41 - #25071C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C435D 0%, #2F1B41 50%, #25071C 100%);
    background: -webkit-linear-gradient(top, #3C435D 0%, #2F1B41 50%, #25071C 100%);
    background: linear-gradient(to bottom, #3C435D 0%, #2F1B41 50%, #25071C 100%);
}
</style>