#3AC2BD - #C6EDEC | 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 #3AC2BD a #C6EDEC

#3AC2BD #C6EDEC

Calcule el color entre dos colores, #3AC2BD y #C6EDEC. 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)

#3AC2BD - #C6EDEC | 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 #3AC2BD como 0% y #C6EDEC como 100%.

0.0%	0.0% #3AC2BD	RGB 58 194 189	#3AC2BD
16.7%	16.7% #51C9C4	RGB 81 201 196	#51C9C4
33.3%	33.3% #68D0CC	RGB 104 208 204	#68D0CC
50.0%	50.0% #80D7D4	RGB 128 215 212	#80D7D4
66.7%	66.7% #97DEDC	RGB 151 222 220	#97DEDC
83.3%	83.3% #AEE5E4	RGB 174 229 228	#AEE5E4
100.0%	100.0% #C6EDEC	RGB 198 237 236	#C6EDEC

#3AC2BD #51C9C4 #68D0CC #80D7D4 #97DEDC #AEE5E4 #C6EDEC

#3AC2BD - #C6EDEC

Mezcla HSV

#3AC2BD - #C6EDEC | 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 #3AC2BD como 0% y #C6EDEC como 100%.

0.0%	0.0% #3AC2BD	RGB 58 194 189	#3AC2BD
16.7%	16.7% #4EC9C4	RGB 78 201 196	#4EC9C4
33.3%	33.3% #63D0CC	RGB 99 208 204	#63D0CC
50.0%	50.0% #7AD7D4	RGB 122 215 212	#7AD7D4
66.7%	66.7% #92DEDC	RGB 146 222 220	#92DEDC
83.3%	83.3% #ABE5E4	RGB 171 229 228	#ABE5E4
100.0%	100.0% #C6EDEC	RGB 198 237 236	#C6EDEC

#3AC2BD #4EC9C4 #63D0CC #7AD7D4 #92DEDC #ABE5E4 #C6EDEC

#3AC2BD - #7AD7D4 - #C6EDEC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3AC2BD 0%, #7AD7D4 50%, #C6EDEC 100%);
    background: -webkit-linear-gradient(top, #3AC2BD 0%, #7AD7D4 50%, #C6EDEC 100%);
    background: linear-gradient(to bottom, #3AC2BD 0%, #7AD7D4 50%, #C6EDEC 100%);
}
</style>