#7EB6B6 - #C7DAAE | 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 #7EB6B6 a #C7DAAE

#7EB6B6 #C7DAAE

Calcule el color entre dos colores, #7EB6B6 y #C7DAAE. 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)

#7EB6B6 - #C7DAAE | 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 #7EB6B6 como 0% y #C7DAAE como 100%.

0.0%	0.0% #7EB6B6	RGB 126 182 182	#7EB6B6
16.7%	16.7% #8ABCB4	RGB 138 188 180	#8ABCB4
33.3%	33.3% #96C2B3	RGB 150 194 179	#96C2B3
50.0%	50.0% #A2C8B2	RGB 162 200 178	#A2C8B2
66.7%	66.7% #AECEB0	RGB 174 206 176	#AECEB0
83.3%	83.3% #BAD4AF	RGB 186 212 175	#BAD4AF
100.0%	100.0% #C7DAAE	RGB 199 218 174	#C7DAAE

#7EB6B6 #8ABCB4 #96C2B3 #A2C8B2 #AECEB0 #BAD4AF #C7DAAE

#7EB6B6 - #C7DAAE

Mezcla HSV

#7EB6B6 - #C7DAAE | 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 #7EB6B6 como 0% y #C7DAAE como 100%.

0.0%	0.0% #7EB6B6	RGB 126 182 182	#7EB6B6
16.7%	16.7% #85BCAD	RGB 133 188 173	#85BCAD
33.3%	33.3% #8DC2A6	RGB 141 194 166	#8DC2A6
50.0%	50.0% #95C8A0	RGB 149 200 160	#95C8A0
66.7%	66.7% #9FCE9D	RGB 159 206 157	#9FCE9D
83.3%	83.3% #B3D4A5	RGB 179 212 165	#B3D4A5
100.0%	100.0% #C7DAAE	RGB 199 218 174	#C7DAAE

#7EB6B6 #85BCAD #8DC2A6 #95C8A0 #9FCE9D #B3D4A5 #C7DAAE

#7EB6B6 - #95C8A0 - #C7DAAE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7EB6B6 0%, #95C8A0 50%, #C7DAAE 100%);
    background: -webkit-linear-gradient(top, #7EB6B6 0%, #95C8A0 50%, #C7DAAE 100%);
    background: linear-gradient(to bottom, #7EB6B6 0%, #95C8A0 50%, #C7DAAE 100%);
}
</style>