#1DB0B0 - #B3EFAF | 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 #1DB0B0 a #B3EFAF

#1DB0B0 #B3EFAF

Calcule el color entre dos colores, #1DB0B0 y #B3EFAF. 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)

#1DB0B0 - #B3EFAF | 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 #1DB0B0 como 0% y #B3EFAF como 100%.

0.0%	0.0% #1DB0B0	RGB 29 176 176	#1DB0B0
16.7%	16.7% #36BAAF	RGB 54 186 175	#36BAAF
33.3%	33.3% #4FC5AF	RGB 79 197 175	#4FC5AF
50.0%	50.0% #68CFAF	RGB 104 207 175	#68CFAF
66.7%	66.7% #81DAAF	RGB 129 218 175	#81DAAF
83.3%	83.3% #9AE4AF	RGB 154 228 175	#9AE4AF
100.0%	100.0% #B3EFAF	RGB 179 239 175	#B3EFAF

#1DB0B0 #36BAAF #4FC5AF #68CFAF #81DAAF #9AE4AF #B3EFAF

#1DB0B0 - #B3EFAF

Mezcla HSV

#1DB0B0 - #B3EFAF | 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 #1DB0B0 como 0% y #B3EFAF como 100%.

0.0%	0.0% #1DB0B0	RGB 29 176 176	#1DB0B0
16.7%	16.7% #30BAA2	RGB 48 186 162	#30BAA2
33.3%	33.3% #45C597	RGB 69 197 151	#45C597
50.0%	50.0% #5DCF92	RGB 93 207 146	#5DCF92
66.7%	66.7% #76DA93	RGB 118 218 147	#76DA93
83.3%	83.3% #91E49B	RGB 145 228 155	#91E49B
100.0%	100.0% #B3EFAF	RGB 179 239 175	#B3EFAF

#1DB0B0 #30BAA2 #45C597 #5DCF92 #76DA93 #91E49B #B3EFAF

#1DB0B0 - #5DCF92 - #B3EFAF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1DB0B0 0%, #5DCF92 50%, #B3EFAF 100%);
    background: -webkit-linear-gradient(top, #1DB0B0 0%, #5DCF92 50%, #B3EFAF 100%);
    background: linear-gradient(to bottom, #1DB0B0 0%, #5DCF92 50%, #B3EFAF 100%);
}
</style>