#AAE4D4 - #30413C | 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 #AAE4D4 to #30413C

#AAE4D4 #30413C

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

#AAE4D4 - #30413C | 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 #AAE4D4 as 0% and #30413C as 100%.

0.0%	0.0% #AAE4D4	RGB 170 228 212	#AAE4D4
16.7%	16.7% #95C8BA	RGB 149 200 186	#95C8BA
33.3%	33.3% #81ADA1	RGB 129 173 161	#81ADA1
50.0%	50.0% #6D9288	RGB 109 146 136	#6D9288
66.7%	66.7% #58776E	RGB 88 119 110	#58776E
83.3%	83.3% #445C55	RGB 68 92 85	#445C55
100.0%	100.0% #30413C	RGB 48 65 60	#30413C

#AAE4D4 #95C8BA #81ADA1 #6D9288 #58776E #445C55 #30413C

#AAE4D4 - #30413C

HSV Blend

#AAE4D4 - #30413C | 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 #AAE4D4 as 0% and #30413C as 100%.

0.0%	0.0% #AAE4D4	RGB 170 228 212	#AAE4D4
16.7%	16.7% #95C8BA	RGB 149 200 186	#95C8BA
33.3%	33.3% #81ADA1	RGB 129 173 161	#81ADA1
50.0%	50.0% #6C9287	RGB 108 146 135	#6C9287
66.7%	66.7% #58776E	RGB 88 119 110	#58776E
83.3%	83.3% #445C55	RGB 68 92 85	#445C55
100.0%	100.0% #30413C	RGB 48 65 60	#30413C

#AAE4D4 #95C8BA #81ADA1 #6C9287 #58776E #445C55 #30413C

#AAE4D4 - #6C9287 - #30413C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAE4D4 0%, #6C9287 50%, #30413C 100%);
    background: -webkit-linear-gradient(top, #AAE4D4 0%, #6C9287 50%, #30413C 100%);
    background: linear-gradient(to bottom, #AAE4D4 0%, #6C9287 50%, #30413C 100%);
}
</style>