#45E5E5 - #C3E2D3 | 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 #45E5E5 a #C3E2D3

#45E5E5 #C3E2D3

Calcule el color entre dos colores, #45E5E5 y #C3E2D3. 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)

#45E5E5 - #C3E2D3 | 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 #45E5E5 como 0% y #C3E2D3 como 100%.

0.0%	0.0% #45E5E5	RGB 69 229 229	#45E5E5
16.7%	16.7% #5AE4E2	RGB 90 228 226	#5AE4E2
33.3%	33.3% #6FE4DF	RGB 111 228 223	#6FE4DF
50.0%	50.0% #84E3DC	RGB 132 227 220	#84E3DC
66.7%	66.7% #99E3D9	RGB 153 227 217	#99E3D9
83.3%	83.3% #AEE2D6	RGB 174 226 214	#AEE2D6
100.0%	100.0% #C3E2D3	RGB 195 226 211	#C3E2D3

#45E5E5 #5AE4E2 #6FE4DF #84E3DC #99E3D9 #AEE2D6 #C3E2D3

#45E5E5 - #C3E2D3

Mezcla HSV

#45E5E5 - #C3E2D3 | 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 #45E5E5 como 0% y #C3E2D3 como 100%.

0.0%	0.0% #45E5E5	RGB 69 229 229	#45E5E5
16.7%	16.7% #5AE4D9	RGB 90 228 217	#5AE4D9
33.3%	33.3% #6FE4D1	RGB 111 228 209	#6FE4D1
50.0%	50.0% #84E3CC	RGB 132 227 204	#84E3CC
66.7%	66.7% #99E3CB	RGB 153 227 203	#99E3CB
83.3%	83.3% #AEE2CD	RGB 174 226 205	#AEE2CD
100.0%	100.0% #C3E2D3	RGB 195 226 211	#C3E2D3

#45E5E5 #5AE4D9 #6FE4D1 #84E3CC #99E3CB #AEE2CD #C3E2D3

#45E5E5 - #84E3CC - #C3E2D3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #45E5E5 0%, #84E3CC 50%, #C3E2D3 100%);
    background: -webkit-linear-gradient(top, #45E5E5 0%, #84E3CC 50%, #C3E2D3 100%);
    background: linear-gradient(to bottom, #45E5E5 0%, #84E3CC 50%, #C3E2D3 100%);
}
</style>