#CDE5E2 - #64B7B5 | 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 #CDE5E2 a #64B7B5

#CDE5E2 #64B7B5

Calcule el color entre dos colores, #CDE5E2 y #64B7B5. 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)

#CDE5E2 - #64B7B5 | 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 #CDE5E2 como 0% y #64B7B5 como 100%.

0.0%	0.0% #CDE5E2	RGB 205 229 226	#CDE5E2
16.7%	16.7% #BBDDDA	RGB 187 221 218	#BBDDDA
33.3%	33.3% #AAD5D3	RGB 170 213 211	#AAD5D3
50.0%	50.0% #98CECB	RGB 152 206 203	#98CECB
66.7%	66.7% #87C6C4	RGB 135 198 196	#87C6C4
83.3%	83.3% #75BEBC	RGB 117 190 188	#75BEBC
100.0%	100.0% #64B7B5	RGB 100 183 181	#64B7B5

#CDE5E2 #BBDDDA #AAD5D3 #98CECB #87C6C4 #75BEBC #64B7B5

#CDE5E2 - #64B7B5

Mezcla HSV

#CDE5E2 - #64B7B5 | 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 #CDE5E2 como 0% y #64B7B5 como 100%.

0.0%	0.0% #CDE5E2	RGB 205 229 226	#CDE5E2
16.7%	16.7% #B9DDD9	RGB 185 221 217	#B9DDD9
33.3%	33.3% #A6D5D1	RGB 166 213 209	#A6D5D1
50.0%	50.0% #94CEC9	RGB 148 206 201	#94CEC9
66.7%	66.7% #83C6C2	RGB 131 198 194	#83C6C2
83.3%	83.3% #73BEBB	RGB 115 190 187	#73BEBB
100.0%	100.0% #64B7B5	RGB 100 183 181	#64B7B5

#CDE5E2 #B9DDD9 #A6D5D1 #94CEC9 #83C6C2 #73BEBB #64B7B5

#CDE5E2 - #94CEC9 - #64B7B5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDE5E2 0%, #94CEC9 50%, #64B7B5 100%);
    background: -webkit-linear-gradient(top, #CDE5E2 0%, #94CEC9 50%, #64B7B5 100%);
    background: linear-gradient(to bottom, #CDE5E2 0%, #94CEC9 50%, #64B7B5 100%);
}
</style>