#77CDCD - #109F9D | 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 #77CDCD a #109F9D

#77CDCD #109F9D

Calcule el color entre dos colores, #77CDCD y #109F9D. 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)

#77CDCD - #109F9D | 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 #77CDCD como 0% y #109F9D como 100%.

0.0%	0.0% #77CDCD	RGB 119 205 205	#77CDCD
16.7%	16.7% #65C5C5	RGB 101 197 197	#65C5C5
33.3%	33.3% #54BDBD	RGB 84 189 189	#54BDBD
50.0%	50.0% #43B6B5	RGB 67 182 181	#43B6B5
66.7%	66.7% #32AEAD	RGB 50 174 173	#32AEAD
83.3%	83.3% #21A6A5	RGB 33 166 165	#21A6A5
100.0%	100.0% #109F9D	RGB 16 159 157	#109F9D

#77CDCD #65C5C5 #54BDBD #43B6B5 #32AEAD #21A6A5 #109F9D

#77CDCD - #109F9D

Mezcla HSV

#77CDCD - #109F9D | 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 #77CDCD como 0% y #109F9D como 100%.

0.0%	0.0% #77CDCD	RGB 119 205 205	#77CDCD
16.7%	16.7% #62C5C5	RGB 98 197 197	#62C5C5
33.3%	33.3% #4FBDBD	RGB 79 189 189	#4FBDBD
50.0%	50.0% #3DB6B5	RGB 61 182 181	#3DB6B5
66.7%	66.7% #2DAEAD	RGB 45 174 173	#2DAEAD
83.3%	83.3% #1EA6A5	RGB 30 166 165	#1EA6A5
100.0%	100.0% #109F9D	RGB 16 159 157	#109F9D

#77CDCD #62C5C5 #4FBDBD #3DB6B5 #2DAEAD #1EA6A5 #109F9D

#77CDCD - #3DB6B5 - #109F9D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #77CDCD 0%, #3DB6B5 50%, #109F9D 100%);
    background: -webkit-linear-gradient(top, #77CDCD 0%, #3DB6B5 50%, #109F9D 100%);
    background: linear-gradient(to bottom, #77CDCD 0%, #3DB6B5 50%, #109F9D 100%);
}
</style>