#7B9292 - #D9DFDF | 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 #7B9292 a #D9DFDF

#7B9292 #D9DFDF

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

#7B9292 - #D9DFDF | 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 #7B9292 como 0% y #D9DFDF como 100%.

0.0%	0.0% #7B9292	RGB 123 146 146	#7B9292
16.7%	16.7% #8A9E9E	RGB 138 158 158	#8A9E9E
33.3%	33.3% #9AABAB	RGB 154 171 171	#9AABAB
50.0%	50.0% #AAB8B8	RGB 170 184 184	#AAB8B8
66.7%	66.7% #B9C5C5	RGB 185 197 197	#B9C5C5
83.3%	83.3% #C9D2D2	RGB 201 210 210	#C9D2D2
100.0%	100.0% #D9DFDF	RGB 217 223 223	#D9DFDF

#7B9292 #8A9E9E #9AABAB #AAB8B8 #B9C5C5 #C9D2D2 #D9DFDF

#7B9292 - #D9DFDF

Mezcla HSV

#7B9292 - #D9DFDF | 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 #7B9292 como 0% y #D9DFDF como 100%.

0.0%	0.0% #7B9292	RGB 123 146 146	#7B9292
16.7%	16.7% #899E9E	RGB 137 158 158	#899E9E
33.3%	33.3% #98ABAB	RGB 152 171 171	#98ABAB
50.0%	50.0% #A7B8B8	RGB 167 184 184	#A7B8B8
66.7%	66.7% #B7C5C5	RGB 183 197 197	#B7C5C5
83.3%	83.3% #C7D2D2	RGB 199 210 210	#C7D2D2
100.0%	100.0% #D9DFDF	RGB 217 223 223	#D9DFDF

#7B9292 #899E9E #98ABAB #A7B8B8 #B7C5C5 #C7D2D2 #D9DFDF

#7B9292 - #A7B8B8 - #D9DFDF

Códigos CSS

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

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