#35A698 - #C5E5E1 | 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 #35A698 a #C5E5E1

#35A698 #C5E5E1

Calcule el color entre dos colores, #35A698 y #C5E5E1. 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)

#35A698 - #C5E5E1 | 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 #35A698 como 0% y #C5E5E1 como 100%.

0.0%	0.0% #35A698	RGB 53 166 152	#35A698
16.7%	16.7% #4DB0A4	RGB 77 176 164	#4DB0A4
33.3%	33.3% #65BBB0	RGB 101 187 176	#65BBB0
50.0%	50.0% #7DC5BC	RGB 125 197 188	#7DC5BC
66.7%	66.7% #95D0C8	RGB 149 208 200	#95D0C8
83.3%	83.3% #ADDAD4	RGB 173 218 212	#ADDAD4
100.0%	100.0% #C5E5E1	RGB 197 229 225	#C5E5E1

#35A698 #4DB0A4 #65BBB0 #7DC5BC #95D0C8 #ADDAD4 #C5E5E1

#35A698 - #C5E5E1

Mezcla HSV

#35A698 - #C5E5E1 | 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 #35A698 como 0% y #C5E5E1 como 100%.

0.0%	0.0% #35A698	RGB 53 166 152	#35A698
16.7%	16.7% #48B0A3	RGB 72 176 163	#48B0A3
33.3%	33.3% #5DBBAF	RGB 93 187 175	#5DBBAF
50.0%	50.0% #74C5BB	RGB 116 197 187	#74C5BB
66.7%	66.7% #8DD0C7	RGB 141 208 199	#8DD0C7
83.3%	83.3% #A8DAD4	RGB 168 218 212	#A8DAD4
100.0%	100.0% #C5E5E1	RGB 197 229 225	#C5E5E1

#35A698 #48B0A3 #5DBBAF #74C5BB #8DD0C7 #A8DAD4 #C5E5E1

#35A698 - #74C5BB - #C5E5E1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #35A698 0%, #74C5BB 50%, #C5E5E1 100%);
    background: -webkit-linear-gradient(top, #35A698 0%, #74C5BB 50%, #C5E5E1 100%);
    background: linear-gradient(to bottom, #35A698 0%, #74C5BB 50%, #C5E5E1 100%);
}
</style>