#2C5E5E - #C2D1D1 | 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 #2C5E5E a #C2D1D1

#2C5E5E #C2D1D1

Calcule el color entre dos colores, #2C5E5E y #C2D1D1. 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)

#2C5E5E - #C2D1D1 | 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 #2C5E5E como 0% y #C2D1D1 como 100%.

0.0%	0.0% #2C5E5E	RGB 44 94 94	#2C5E5E
16.7%	16.7% #457171	RGB 69 113 113	#457171
33.3%	33.3% #5E8484	RGB 94 132 132	#5E8484
50.0%	50.0% #779797	RGB 119 151 151	#779797
66.7%	66.7% #90AAAA	RGB 144 170 170	#90AAAA
83.3%	83.3% #A9BDBD	RGB 169 189 189	#A9BDBD
100.0%	100.0% #C2D1D1	RGB 194 209 209	#C2D1D1

#2C5E5E #457171 #5E8484 #779797 #90AAAA #A9BDBD #C2D1D1

#2C5E5E - #C2D1D1

Mezcla HSV

#2C5E5E - #C2D1D1 | 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 #2C5E5E como 0% y #C2D1D1 como 100%.

0.0%	0.0% #2C5E5E	RGB 44 94 94	#2C5E5E
16.7%	16.7% #3D7171	RGB 61 113 113	#3D7171
33.3%	33.3% #528484	RGB 82 132 132	#528484
50.0%	50.0% #699797	RGB 105 151 151	#699797
66.7%	66.7% #84AAAA	RGB 132 170 170	#84AAAA
83.3%	83.3% #A1BDBD	RGB 161 189 189	#A1BDBD
100.0%	100.0% #C2D1D1	RGB 194 209 209	#C2D1D1

#2C5E5E #3D7171 #528484 #699797 #84AAAA #A1BDBD #C2D1D1

#2C5E5E - #699797 - #C2D1D1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2C5E5E 0%, #699797 50%, #C2D1D1 100%);
    background: -webkit-linear-gradient(top, #2C5E5E 0%, #699797 50%, #C2D1D1 100%);
    background: linear-gradient(to bottom, #2C5E5E 0%, #699797 50%, #C2D1D1 100%);
}
</style>