#7CA98F - #C0B9C4 | 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 #7CA98F a #C0B9C4

#7CA98F #C0B9C4

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

#7CA98F - #C0B9C4 | 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 #7CA98F como 0% y #C0B9C4 como 100%.

0.0%	0.0% #7CA98F	RGB 124 169 143	#7CA98F
16.7%	16.7% #87AB97	RGB 135 171 151	#87AB97
33.3%	33.3% #92AEA0	RGB 146 174 160	#92AEA0
50.0%	50.0% #9EB1A9	RGB 158 177 169	#9EB1A9
66.7%	66.7% #A9B3B2	RGB 169 179 178	#A9B3B2
83.3%	83.3% #B4B6BB	RGB 180 182 187	#B4B6BB
100.0%	100.0% #C0B9C4	RGB 192 185 196	#C0B9C4

#7CA98F #87AB97 #92AEA0 #9EB1A9 #A9B3B2 #B4B6BB #C0B9C4

#7CA98F - #C0B9C4

Mezcla HSV

#7CA98F - #C0B9C4 | 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 #7CA98F como 0% y #C0B9C4 como 100%.

0.0%	0.0% #7CA98F	RGB 124 169 143	#7CA98F
16.7%	16.7% #85ADA5	RGB 133 173 165	#85ADA5
33.3%	33.3% #8FACB2	RGB 143 172 178	#8FACB2
50.0%	50.0% #99A6B6	RGB 153 166 182	#99A6B6
66.7%	66.7% #A3A5BB	RGB 163 165 187	#A3A5BB
83.3%	83.3% #B2AEBF	RGB 178 174 191	#B2AEBF
100.0%	100.0% #C0B9C4	RGB 192 185 196	#C0B9C4

#7CA98F #85ADA5 #8FACB2 #99A6B6 #A3A5BB #B2AEBF #C0B9C4

#7CA98F - #99A6B6 - #C0B9C4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7CA98F 0%, #99A6B6 50%, #C0B9C4 100%);
    background: -webkit-linear-gradient(top, #7CA98F 0%, #99A6B6 50%, #C0B9C4 100%);
    background: linear-gradient(to bottom, #7CA98F 0%, #99A6B6 50%, #C0B9C4 100%);
}
</style>