#40B7B7 - #00877D | 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 #40B7B7 a #00877D

#40B7B7 #00877D

Calcule el color entre dos colores, #40B7B7 y #00877D. 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)

#40B7B7 - #00877D | 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 #40B7B7 como 0% y #00877D como 100%.

0.0%	0.0% #40B7B7	RGB 64 183 183	#40B7B7
16.7%	16.7% #35AFAD	RGB 53 175 173	#35AFAD
33.3%	33.3% #2AA7A3	RGB 42 167 163	#2AA7A3
50.0%	50.0% #209F9A	RGB 32 159 154	#209F9A
66.7%	66.7% #159790	RGB 21 151 144	#159790
83.3%	83.3% #0A8F86	RGB 10 143 134	#0A8F86
100.0%	100.0% #00877D	RGB 0 135 125	#00877D

#40B7B7 #35AFAD #2AA7A3 #209F9A #159790 #0A8F86 #00877D

#40B7B7 - #00877D

Mezcla HSV

#40B7B7 - #00877D | 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 #40B7B7 como 0% y #00877D como 100%.

0.0%	0.0% #40B7B7	RGB 64 183 183	#40B7B7
16.7%	16.7% #33AFAD	RGB 51 175 173	#33AFAD
33.3%	33.3% #26A7A3	RGB 38 167 163	#26A7A3
50.0%	50.0% #1B9F9A	RGB 27 159 154	#1B9F9A
66.7%	66.7% #119790	RGB 17 151 144	#119790
83.3%	83.3% #088F86	RGB 8 143 134	#088F86
100.0%	100.0% #00877D	RGB 0 135 125	#00877D

#40B7B7 #33AFAD #26A7A3 #1B9F9A #119790 #088F86 #00877D

#40B7B7 - #1B9F9A - #00877D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #40B7B7 0%, #1B9F9A 50%, #00877D 100%);
    background: -webkit-linear-gradient(top, #40B7B7 0%, #1B9F9A 50%, #00877D 100%);
    background: linear-gradient(to bottom, #40B7B7 0%, #1B9F9A 50%, #00877D 100%);
}
</style>