#00ECE5 - #00C7CF | 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 #00ECE5 a #00C7CF

#00ECE5 #00C7CF

Calcule el color entre dos colores, #00ECE5 y #00C7CF. 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)

#00ECE5 - #00C7CF | 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 #00ECE5 como 0% y #00C7CF como 100%.

0.0%	0.0% #00ECE5	RGB 0 236 229	#00ECE5
16.7%	16.7% #00E5E1	RGB 0 229 225	#00E5E1
33.3%	33.3% #00DFDD	RGB 0 223 221	#00DFDD
50.0%	50.0% #00D9DA	RGB 0 217 218	#00D9DA
66.7%	66.7% #00D3D6	RGB 0 211 214	#00D3D6
83.3%	83.3% #00CDD2	RGB 0 205 210	#00CDD2
100.0%	100.0% #00C7CF	RGB 0 199 207	#00C7CF

#00ECE5 #00E5E1 #00DFDD #00D9DA #00D3D6 #00CDD2 #00C7CF

#00ECE5 - #00C7CF

Mezcla HSV

#00ECE5 - #00C7CF | 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 #00ECE5 como 0% y #00C7CF como 100%.

0.0%	0.0% #00ECE5	RGB 0 236 229	#00ECE5
16.7%	16.7% #00E7E2	RGB 0 231 226	#00E7E2
33.3%	33.3% #00E2E0	RGB 0 226 224	#00E2E0
50.0%	50.0% #00DCDD	RGB 0 220 221	#00DCDD
66.7%	66.7% #00D5D8	RGB 0 213 216	#00D5D8
83.3%	83.3% #00CED3	RGB 0 206 211	#00CED3
100.0%	100.0% #00C7CF	RGB 0 199 207	#00C7CF

#00ECE5 #00E7E2 #00E2E0 #00DCDD #00D5D8 #00CED3 #00C7CF

#00ECE5 - #00DCDD - #00C7CF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00ECE5 0%, #00DCDD 50%, #00C7CF 100%);
    background: -webkit-linear-gradient(top, #00ECE5 0%, #00DCDD 50%, #00C7CF 100%);
    background: linear-gradient(to bottom, #00ECE5 0%, #00DCDD 50%, #00C7CF 100%);
}
</style>