#6DC3C3 - #0D938E | 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 #6DC3C3 a #0D938E

#6DC3C3 #0D938E

Calcule el color entre dos colores, #6DC3C3 y #0D938E. 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)

#6DC3C3 - #0D938E | 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 #6DC3C3 como 0% y #0D938E como 100%.

0.0%	0.0% #6DC3C3	RGB 109 195 195	#6DC3C3
16.7%	16.7% #5DBBBA	RGB 93 187 186	#5DBBBA
33.3%	33.3% #4DB3B1	RGB 77 179 177	#4DB3B1
50.0%	50.0% #3DABA8	RGB 61 171 168	#3DABA8
66.7%	66.7% #2DA39F	RGB 45 163 159	#2DA39F
83.3%	83.3% #1D9B96	RGB 29 155 150	#1D9B96
100.0%	100.0% #0D938E	RGB 13 147 142	#0D938E

#6DC3C3 #5DBBBA #4DB3B1 #3DABA8 #2DA39F #1D9B96 #0D938E

#6DC3C3 - #0D938E

Mezcla HSV

#6DC3C3 - #0D938E | 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 #6DC3C3 como 0% y #0D938E como 100%.

0.0%	0.0% #6DC3C3	RGB 109 195 195	#6DC3C3
16.7%	16.7% #59BBBA	RGB 89 187 186	#59BBBA
33.3%	33.3% #47B3B1	RGB 71 179 177	#47B3B1
50.0%	50.0% #37ABA8	RGB 55 171 168	#37ABA8
66.7%	66.7% #27A39F	RGB 39 163 159	#27A39F
83.3%	83.3% #199B96	RGB 25 155 150	#199B96
100.0%	100.0% #0D938E	RGB 13 147 142	#0D938E

#6DC3C3 #59BBBA #47B3B1 #37ABA8 #27A39F #199B96 #0D938E

#6DC3C3 - #37ABA8 - #0D938E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6DC3C3 0%, #37ABA8 50%, #0D938E 100%);
    background: -webkit-linear-gradient(top, #6DC3C3 0%, #37ABA8 50%, #0D938E 100%);
    background: linear-gradient(to bottom, #6DC3C3 0%, #37ABA8 50%, #0D938E 100%);
}
</style>