#38BDB7 - #C6ECEA | 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 #38BDB7 a #C6ECEA

#38BDB7 #C6ECEA

Calcule el color entre dos colores, #38BDB7 y #C6ECEA. 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)

#38BDB7 - #C6ECEA | 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 #38BDB7 como 0% y #C6ECEA como 100%.

0.0%	0.0% #38BDB7	RGB 56 189 183	#38BDB7
16.7%	16.7% #4FC4BF	RGB 79 196 191	#4FC4BF
33.3%	33.3% #67CCC8	RGB 103 204 200	#67CCC8
50.0%	50.0% #7FD4D0	RGB 127 212 208	#7FD4D0
66.7%	66.7% #96DCD9	RGB 150 220 217	#96DCD9
83.3%	83.3% #AEE4E1	RGB 174 228 225	#AEE4E1
100.0%	100.0% #C6ECEA	RGB 198 236 234	#C6ECEA

#38BDB7 #4FC4BF #67CCC8 #7FD4D0 #96DCD9 #AEE4E1 #C6ECEA

#38BDB7 - #C6ECEA

Mezcla HSV

#38BDB7 - #C6ECEA | 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 #38BDB7 como 0% y #C6ECEA como 100%.

0.0%	0.0% #38BDB7	RGB 56 189 183	#38BDB7
16.7%	16.7% #4CC4BF	RGB 76 196 191	#4CC4BF
33.3%	33.3% #61CCC7	RGB 97 204 199	#61CCC7
50.0%	50.0% #78D4D0	RGB 120 212 208	#78D4D0
66.7%	66.7% #90DCD8	RGB 144 220 216	#90DCD8
83.3%	83.3% #AAE4E1	RGB 170 228 225	#AAE4E1
100.0%	100.0% #C6ECEA	RGB 198 236 234	#C6ECEA

#38BDB7 #4CC4BF #61CCC7 #78D4D0 #90DCD8 #AAE4E1 #C6ECEA

#38BDB7 - #78D4D0 - #C6ECEA

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #38BDB7 0%, #78D4D0 50%, #C6ECEA 100%);
    background: -webkit-linear-gradient(top, #38BDB7 0%, #78D4D0 50%, #C6ECEA 100%);
    background: linear-gradient(to bottom, #38BDB7 0%, #78D4D0 50%, #C6ECEA 100%);
}
</style>