#2DCEB5 - #DEF8AB | 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 #2DCEB5 a #DEF8AB

#2DCEB5 #DEF8AB

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

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

0.0%	0.0% #2DCEB5	RGB 45 206 181	#2DCEB5
16.7%	16.7% #4AD5B3	RGB 74 213 179	#4AD5B3
33.3%	33.3% #68DCB1	RGB 104 220 177	#68DCB1
50.0%	50.0% #85E3B0	RGB 133 227 176	#85E3B0
66.7%	66.7% #A3EAAE	RGB 163 234 174	#A3EAAE
83.3%	83.3% #C0F1AC	RGB 192 241 172	#C0F1AC
100.0%	100.0% #DEF8AB	RGB 222 248 171	#DEF8AB

#2DCEB5 #4AD5B3 #68DCB1 #85E3B0 #A3EAAE #C0F1AC #DEF8AB

#2DCEB5 - #DEF8AB

Mezcla HSV

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

0.0%	0.0% #2DCEB5	RGB 45 206 181	#2DCEB5
16.7%	16.7% #3FD598	RGB 63 213 152	#3FD598
33.3%	33.3% #52DC81	RGB 82 220 129	#52DC81
50.0%	50.0% #67E372	RGB 103 227 114	#67E372
66.7%	66.7% #8EEA7C	RGB 142 234 124	#8EEA7C
83.3%	83.3% #B9F193	RGB 185 241 147	#B9F193
100.0%	100.0% #DEF8AB	RGB 222 248 171	#DEF8AB

#2DCEB5 #3FD598 #52DC81 #67E372 #8EEA7C #B9F193 #DEF8AB

#2DCEB5 - #67E372 - #DEF8AB

Códigos CSS

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

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