#83CFDF - #ECE3D9 | 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 #83CFDF a #ECE3D9

#83CFDF #ECE3D9

Calcule el color entre dos colores, #83CFDF y #ECE3D9. 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)

#83CFDF - #ECE3D9 | 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 #83CFDF como 0% y #ECE3D9 como 100%.

0.0%	0.0% #83CFDF	RGB 131 207 223	#83CFDF
16.7%	16.7% #94D2DE	RGB 148 210 222	#94D2DE
33.3%	33.3% #A6D5DD	RGB 166 213 221	#A6D5DD
50.0%	50.0% #B7D9DC	RGB 183 217 220	#B7D9DC
66.7%	66.7% #C9DCDB	RGB 201 220 219	#C9DCDB
83.3%	83.3% #DADFDA	RGB 218 223 218	#DADFDA
100.0%	100.0% #ECE3D9	RGB 236 227 217	#ECE3D9

#83CFDF #94D2DE #A6D5DD #B7D9DC #C9DCDB #DADFDA #ECE3D9

#83CFDF - #ECE3D9

Mezcla HSV

#83CFDF - #ECE3D9 | 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 #83CFDF como 0% y #ECE3D9 como 100%.

0.0%	0.0% #83CFDF	RGB 131 207 223	#83CFDF
16.7%	16.7% #90E1CB	RGB 144 225 203	#90E1CB
33.3%	33.3% #9EE3B2	RGB 158 227 178	#9EE3B2
50.0%	50.0% #B5E5AC	RGB 181 229 172	#B5E5AC
66.7%	66.7% #D5E7BB	RGB 213 231 187	#D5E7BB
83.3%	83.3% #E9E8CA	RGB 233 232 202	#E9E8CA
100.0%	100.0% #ECE3D9	RGB 236 227 217	#ECE3D9

#83CFDF #90E1CB #9EE3B2 #B5E5AC #D5E7BB #E9E8CA #ECE3D9

#83CFDF - #B5E5AC - #ECE3D9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #83CFDF 0%, #B5E5AC 50%, #ECE3D9 100%);
    background: -webkit-linear-gradient(top, #83CFDF 0%, #B5E5AC 50%, #ECE3D9 100%);
    background: linear-gradient(to bottom, #83CFDF 0%, #B5E5AC 50%, #ECE3D9 100%);
}
</style>