#2EB6B6 - #BCEBAF | 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 #2EB6B6 a #BCEBAF

#2EB6B6 #BCEBAF

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

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

0.0%	0.0% #2EB6B6	RGB 46 182 182	#2EB6B6
16.7%	16.7% #45BEB4	RGB 69 190 180	#45BEB4
33.3%	33.3% #5DC7B3	RGB 93 199 179	#5DC7B3
50.0%	50.0% #75D0B2	RGB 117 208 178	#75D0B2
66.7%	66.7% #8CD9B1	RGB 140 217 177	#8CD9B1
83.3%	83.3% #A4E2B0	RGB 164 226 176	#A4E2B0
100.0%	100.0% #BCEBAF	RGB 188 235 175	#BCEBAF

#2EB6B6 #45BEB4 #5DC7B3 #75D0B2 #8CD9B1 #A4E2B0 #BCEBAF

#2EB6B6 - #BCEBAF

Mezcla HSV

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

0.0%	0.0% #2DB6B6	RGB 45 182 182	#2DB6B6
16.7%	16.7% #3FBEA5	RGB 63 190 165	#3FBEA5
33.3%	33.3% #53C798	RGB 83 199 152	#53C798
50.0%	50.0% #67D090	RGB 103 208 144	#67D090
66.7%	66.7% #7ED98F	RGB 126 217 143	#7ED98F
83.3%	83.3% #96E295	RGB 150 226 149	#96E295
100.0%	100.0% #BCEBAF	RGB 188 235 175	#BCEBAF

#2DB6B6 #3FBEA5 #53C798 #67D090 #7ED98F #96E295 #BCEBAF

#2EB6B6 - #67D090 - #BCEBAF

Códigos CSS

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

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