#79C4C4 - #CCDFB4 | 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 #79C4C4 a #CCDFB4

#79C4C4 #CCDFB4

Calcule el color entre dos colores, #79C4C4 y #CCDFB4. 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)

#79C4C4 - #CCDFB4 | 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 #79C4C4 como 0% y #CCDFB4 como 100%.

0.0%	0.0% #79C4C4	RGB 121 196 196	#79C4C4
16.7%	16.7% #86C8C1	RGB 134 200 193	#86C8C1
33.3%	33.3% #94CDBE	RGB 148 205 190	#94CDBE
50.0%	50.0% #A2D1BC	RGB 162 209 188	#A2D1BC
66.7%	66.7% #B0D6B9	RGB 176 214 185	#B0D6B9
83.3%	83.3% #BEDAB6	RGB 190 218 182	#BEDAB6
100.0%	100.0% #CCDFB4	RGB 204 223 180	#CCDFB4

#79C4C4 #86C8C1 #94CDBE #A2D1BC #B0D6B9 #BEDAB6 #CCDFB4

#79C4C4 - #CCDFB4

Mezcla HSV

#79C4C4 - #CCDFB4 | 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 #79C4C4 como 0% y #CCDFB4 como 100%.

0.0%	0.0% #79C4C4	RGB 121 196 196	#79C4C4
16.7%	16.7% #82C8B6	RGB 130 200 182	#82C8B6
33.3%	33.3% #8BCDAA	RGB 139 205 170	#8BCDAA
50.0%	50.0% #95D1A2	RGB 149 209 162	#95D1A2
66.7%	66.7% #A1D69F	RGB 161 214 159	#A1D69F
83.3%	83.3% #B8DAA9	RGB 184 218 169	#B8DAA9
100.0%	100.0% #CCDFB4	RGB 204 223 180	#CCDFB4

#79C4C4 #82C8B6 #8BCDAA #95D1A2 #A1D69F #B8DAA9 #CCDFB4

#79C4C4 - #95D1A2 - #CCDFB4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #79C4C4 0%, #95D1A2 50%, #CCDFB4 100%);
    background: -webkit-linear-gradient(top, #79C4C4 0%, #95D1A2 50%, #CCDFB4 100%);
    background: linear-gradient(to bottom, #79C4C4 0%, #95D1A2 50%, #CCDFB4 100%);
}
</style>