#2FB2B2 - #BAE9AE | 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 #2FB2B2 a #BAE9AE

#2FB2B2 #BAE9AE

Calcule el color entre dos colores, #2FB2B2 y #BAE9AE. 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)

#2FB2B2 - #BAE9AE | 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 #2FB2B2 como 0% y #BAE9AE como 100%.

0.0%	0.0% #2FB2B2	RGB 47 178 178	#2FB2B2
16.7%	16.7% #46BBB1	RGB 70 187 177	#46BBB1
33.3%	33.3% #5DC4B0	RGB 93 196 176	#5DC4B0
50.0%	50.0% #74CDB0	RGB 116 205 176	#74CDB0
66.7%	66.7% #8BD6AF	RGB 139 214 175	#8BD6AF
83.3%	83.3% #A2DFAE	RGB 162 223 174	#A2DFAE
100.0%	100.0% #BAE9AE	RGB 186 233 174	#BAE9AE

#2FB2B2 #46BBB1 #5DC4B0 #74CDB0 #8BD6AF #A2DFAE #BAE9AE

#2FB2B2 - #BAE9AE

Mezcla HSV

#2FB2B2 - #BAE9AE | 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 #2FB2B2 como 0% y #BAE9AE como 100%.

0.0%	0.0% #2FB2B2	RGB 47 178 178	#2FB2B2
16.7%	16.7% #40BBA2	RGB 64 187 162	#40BBA2
33.3%	33.3% #53C497	RGB 83 196 151	#53C497
50.0%	50.0% #67CD90	RGB 103 205 144	#67CD90
66.7%	66.7% #7DD68F	RGB 125 214 143	#7DD68F
83.3%	83.3% #95DF95	RGB 149 223 149	#95DF95
100.0%	100.0% #BAE9AE	RGB 186 233 174	#BAE9AE

#2FB2B2 #40BBA2 #53C497 #67CD90 #7DD68F #95DF95 #BAE9AE

#2FB2B2 - #67CD90 - #BAE9AE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2FB2B2 0%, #67CD90 50%, #BAE9AE 100%);
    background: -webkit-linear-gradient(top, #2FB2B2 0%, #67CD90 50%, #BAE9AE 100%);
    background: linear-gradient(to bottom, #2FB2B2 0%, #67CD90 50%, #BAE9AE 100%);
}
</style>