#C5E2D9 - #38403D | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #C5E2D9 a #38403D

#C5E2D9 #38403D

Calcule el color entre dos colores, #C5E2D9 y #38403D. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#C5E2D9 - #38403D | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #C5E2D9 como 0% y #38403D como 100%.

0.0%	0.0% #C5E2D9	RGB 197 226 217	#C5E2D9
16.7%	16.7% #ADC7BF	RGB 173 199 191	#ADC7BF
33.3%	33.3% #96ACA5	RGB 150 172 165	#96ACA5
50.0%	50.0% #7E918B	RGB 126 145 139	#7E918B
66.7%	66.7% #677671	RGB 103 118 113	#677671
83.3%	83.3% #4F5B57	RGB 79 91 87	#4F5B57
100.0%	100.0% #38403D	RGB 56 64 61	#38403D

#C5E2D9 #ADC7BF #96ACA5 #7E918B #677671 #4F5B57 #38403D

#C5E2D9 - #38403D

Mezcla HSV

#C5E2D9 - #38403D | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #C5E2D9 como 0% y #38403D como 100%.

0.0%	0.0% #C5E2D9	RGB 197 226 217	#C5E2D9
16.7%	16.7% #ADC7BE	RGB 173 199 190	#ADC7BE
33.3%	33.3% #96ACA4	RGB 150 172 164	#96ACA4
50.0%	50.0% #7E918A	RGB 126 145 138	#7E918A
66.7%	66.7% #677670	RGB 103 118 112	#677670
83.3%	83.3% #4F5B56	RGB 79 91 86	#4F5B56
100.0%	100.0% #38403D	RGB 56 64 61	#38403D

#C5E2D9 #ADC7BE #96ACA4 #7E918A #677670 #4F5B56 #38403D

#C5E2D9 - #7E918A - #38403D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E2D9 0%, #7E918A 50%, #38403D 100%);
    background: -webkit-linear-gradient(top, #C5E2D9 0%, #7E918A 50%, #38403D 100%);
    background: linear-gradient(to bottom, #C5E2D9 0%, #7E918A 50%, #38403D 100%);
}
</style>