#11AEAE - #BBE7E7 | 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 #11AEAE a #BBE7E7

#11AEAE #BBE7E7

Calcule el color entre dos colores, #11AEAE y #BBE7E7. 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)

#11AEAE - #BBE7E7 | 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 #11AEAE como 0% y #BBE7E7 como 100%.

0.0%	0.0% #11AEAE	RGB 17 174 174	#11AEAE
16.7%	16.7% #2DB7B7	RGB 45 183 183	#2DB7B7
33.3%	33.3% #49C1C1	RGB 73 193 193	#49C1C1
50.0%	50.0% #66CACA	RGB 102 202 202	#66CACA
66.7%	66.7% #82D4D4	RGB 130 212 212	#82D4D4
83.3%	83.3% #9EDDDD	RGB 158 221 221	#9EDDDD
100.0%	100.0% #BBE7E7	RGB 187 231 231	#BBE7E7

#11AEAE #2DB7B7 #49C1C1 #66CACA #82D4D4 #9EDDDD #BBE7E7

#11AEAE - #BBE7E7

Mezcla HSV

#11AEAE - #BBE7E7 | 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 #11AEAE como 0% y #BBE7E7 como 100%.

0.0%	0.0% #10AEAE	RGB 16 174 174	#10AEAE
16.7%	16.7% #27B7B7	RGB 39 183 183	#27B7B7
33.3%	33.3% #40C1C1	RGB 64 193 193	#40C1C1
50.0%	50.0% #5BCACA	RGB 91 202 202	#5BCACA
66.7%	66.7% #79D4D4	RGB 121 212 212	#79D4D4
83.3%	83.3% #99DDDD	RGB 153 221 221	#99DDDD
100.0%	100.0% #BBE7E7	RGB 187 231 231	#BBE7E7

#10AEAE #27B7B7 #40C1C1 #5BCACA #79D4D4 #99DDDD #BBE7E7

#11AEAE - #5BCACA - #BBE7E7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #10AEAE 0%, #5BCACA 50%, #BBE7E7 100%);
    background: -webkit-linear-gradient(top, #10AEAE 0%, #5BCACA 50%, #BBE7E7 100%);
    background: linear-gradient(to bottom, #10AEAE 0%, #5BCACA 50%, #BBE7E7 100%);
}
</style>