#68D0CB - #06A39B | 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 #68D0CB a #06A39B

#68D0CB #06A39B

Calcule el color entre dos colores, #68D0CB y #06A39B. 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)

#68D0CB - #06A39B | 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 #68D0CB como 0% y #06A39B como 100%.

0.0%	0.0% #68D0CB	RGB 104 208 203	#68D0CB
16.7%	16.7% #57C8C3	RGB 87 200 195	#57C8C3
33.3%	33.3% #47C1BB	RGB 71 193 187	#47C1BB
50.0%	50.0% #37B9B3	RGB 55 185 179	#37B9B3
66.7%	66.7% #26B2AB	RGB 38 178 171	#26B2AB
83.3%	83.3% #16AAA3	RGB 22 170 163	#16AAA3
100.0%	100.0% #06A39B	RGB 6 163 155	#06A39B

#68D0CB #57C8C3 #47C1BB #37B9B3 #26B2AB #16AAA3 #06A39B

#68D0CB - #06A39B

Mezcla HSV

#68D0CB - #06A39B | 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 #68D0CB como 0% y #06A39B como 100%.

0.0%	0.0% #68D0CB	RGB 104 208 203	#68D0CB
16.7%	16.7% #54C8C2	RGB 84 200 194	#54C8C2
33.3%	33.3% #42C1BA	RGB 66 193 186	#42C1BA
50.0%	50.0% #31B9B2	RGB 49 185 178	#31B9B2
66.7%	66.7% #22B2AA	RGB 34 178 170	#22B2AA
83.3%	83.3% #13AAA2	RGB 19 170 162	#13AAA2
100.0%	100.0% #06A39B	RGB 6 163 155	#06A39B

#68D0CB #54C8C2 #42C1BA #31B9B2 #22B2AA #13AAA2 #06A39B

#68D0CB - #31B9B2 - #06A39B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #68D0CB 0%, #31B9B2 50%, #06A39B 100%);
    background: -webkit-linear-gradient(top, #68D0CB 0%, #31B9B2 50%, #06A39B 100%);
    background: linear-gradient(to bottom, #68D0CB 0%, #31B9B2 50%, #06A39B 100%);
}
</style>