#006969 - #69C595 | 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 #006969 a #69C595

#006969 #69C595

Calcule el color entre dos colores, #006969 y #69C595. 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)

#006969 - #69C595 | 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 #006969 como 0% y #69C595 como 100%.

0.0%	0.0% #006969	RGB 0 105 105	#006969
16.7%	16.7% #117870	RGB 17 120 112	#117870
33.3%	33.3% #238777	RGB 35 135 119	#238777
50.0%	50.0% #34977F	RGB 52 151 127	#34977F
66.7%	66.7% #46A686	RGB 70 166 134	#46A686
83.3%	83.3% #57B58D	RGB 87 181 141	#57B58D
100.0%	100.0% #69C595	RGB 105 197 149	#69C595

#006969 #117870 #238777 #34977F #46A686 #57B58D #69C595

#006969 - #69C595

Mezcla HSV

#006969 - #69C595 | 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 #006969 como 0% y #69C595 como 100%.

0.0%	0.0% #006969	RGB 0 105 105	#006969
16.7%	16.7% #0A786E	RGB 10 120 110	#0A786E
33.3%	33.3% #188774	RGB 24 135 116	#188774
50.0%	50.0% #28977A	RGB 40 151 122	#28977A
66.7%	66.7% #3BA681	RGB 59 166 129	#3BA681
83.3%	83.3% #50B589	RGB 80 181 137	#50B589
100.0%	100.0% #69C595	RGB 105 197 149	#69C595

#006969 #0A786E #188774 #28977A #3BA681 #50B589 #69C595

#006969 - #28977A - #69C595

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #006969 0%, #28977A 50%, #69C595 100%);
    background: -webkit-linear-gradient(top, #006969 0%, #28977A 50%, #69C595 100%);
    background: linear-gradient(to bottom, #006969 0%, #28977A 50%, #69C595 100%);
}
</style>