#2D9A8C - #B4DF9D | 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 #2D9A8C a #B4DF9D

#2D9A8C #B4DF9D

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

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

0.0%	0.0% #2D9A8C	RGB 45 154 140	#2D9A8C
16.7%	16.7% #43A58E	RGB 67 165 142	#43A58E
33.3%	33.3% #5AB191	RGB 90 177 145	#5AB191
50.0%	50.0% #70BC94	RGB 112 188 148	#70BC94
66.7%	66.7% #87C897	RGB 135 200 151	#87C897
83.3%	83.3% #9DD39A	RGB 157 211 154	#9DD39A
100.0%	100.0% #B4DF9D	RGB 180 223 157	#B4DF9D

#2D9A8C #43A58E #5AB191 #70BC94 #87C897 #9DD39A #B4DF9D

#2D9A8C - #B4DF9D

Mezcla HSV

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

0.0%	0.0% #2D9A8B	RGB 45 154 139	#2D9A8B
16.7%	16.7% #3BA582	RGB 59 165 130	#3BA582
33.3%	33.3% #4CB17A	RGB 76 177 122	#4CB17A
50.0%	50.0% #5DBC76	RGB 93 188 118	#5DBC76
66.7%	66.7% #71C876	RGB 113 200 118	#71C876
83.3%	83.3% #91D386	RGB 145 211 134	#91D386
100.0%	100.0% #B4DF9D	RGB 180 223 157	#B4DF9D

#2D9A8B #3BA582 #4CB17A #5DBC76 #71C876 #91D386 #B4DF9D

#2D9A8C - #5DBC76 - #B4DF9D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D9A8B 0%, #5DBC76 50%, #B4DF9D 100%);
    background: -webkit-linear-gradient(top, #2D9A8B 0%, #5DBC76 50%, #B4DF9D 100%);
    background: linear-gradient(to bottom, #2D9A8B 0%, #5DBC76 50%, #B4DF9D 100%);
}
</style>