#2CB090 - #C2E8DF | 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 #2CB090 a #C2E8DF

#2CB090 #C2E8DF

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

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

0.0%	0.0% #2CB090	RGB 44 176 144	#2CB090
16.7%	16.7% #45B99D	RGB 69 185 157	#45B99D
33.3%	33.3% #5EC2AA	RGB 94 194 170	#5EC2AA
50.0%	50.0% #77CCB7	RGB 119 204 183	#77CCB7
66.7%	66.7% #90D5C4	RGB 144 213 196	#90D5C4
83.3%	83.3% #A9DED1	RGB 169 222 209	#A9DED1
100.0%	100.0% #C2E8DF	RGB 194 232 223	#C2E8DF

#2CB090 #45B99D #5EC2AA #77CCB7 #90D5C4 #A9DED1 #C2E8DF

#2CB090 - #C2E8DF

Mezcla HSV

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

0.0%	0.0% #2CB08F	RGB 44 176 143	#2CB08F
16.7%	16.7% #40B99C	RGB 64 185 156	#40B99C
33.3%	33.3% #56C2A8	RGB 86 194 168	#56C2A8
50.0%	50.0% #6ECCB5	RGB 110 204 181	#6ECCB5
66.7%	66.7% #88D5C3	RGB 136 213 195	#88D5C3
83.3%	83.3% #A4DED0	RGB 164 222 208	#A4DED0
100.0%	100.0% #C2E8DF	RGB 194 232 223	#C2E8DF

#2CB08F #40B99C #56C2A8 #6ECCB5 #88D5C3 #A4DED0 #C2E8DF

#2CB090 - #6ECCB5 - #C2E8DF

Códigos CSS

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

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