#2CBBB6 - #C2EFAE | 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 #2CBBB6 a #C2EFAE

#2CBBB6 #C2EFAE

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

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

0.0%	0.0% #2CBBB6	RGB 44 187 182	#2CBBB6
16.7%	16.7% #45C3B4	RGB 69 195 180	#45C3B4
33.3%	33.3% #5ECCB3	RGB 94 204 179	#5ECCB3
50.0%	50.0% #77D5B2	RGB 119 213 178	#77D5B2
66.7%	66.7% #90DDB0	RGB 144 221 176	#90DDB0
83.3%	83.3% #A9E6AF	RGB 169 230 175	#A9E6AF
100.0%	100.0% #C2EFAE	RGB 194 239 174	#C2EFAE

#2CBBB6 #45C3B4 #5ECCB3 #77D5B2 #90DDB0 #A9E6AF #C2EFAE

#2CBBB6 - #C2EFAE

Mezcla HSV

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

0.0%	0.0% #2BBBB5	RGB 43 187 181	#2BBBB5
16.7%	16.7% #3EC3A2	RGB 62 195 162	#3EC3A2
33.3%	33.3% #51CC93	RGB 81 204 147	#51CC93
50.0%	50.0% #66D58A	RGB 102 213 138	#66D58A
66.7%	66.7% #7CDD88	RGB 124 221 136	#7CDD88
83.3%	83.3% #9CE694	RGB 156 230 148	#9CE694
100.0%	100.0% #C2EFAE	RGB 194 239 174	#C2EFAE

#2BBBB5 #3EC3A2 #51CC93 #66D58A #7CDD88 #9CE694 #C2EFAE

#2CBBB6 - #66D58A - #C2EFAE

Códigos CSS

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

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