#3EBCCE - #C7EBF1 | 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 #3EBCCE a #C7EBF1

#3EBCCE #C7EBF1

Calcule el color entre dos colores, #3EBCCE y #C7EBF1. 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)

#3EBCCE - #C7EBF1 | 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 #3EBCCE como 0% y #C7EBF1 como 100%.

0.0%	0.0% #3EBCCE	RGB 62 188 206	#3EBCCE
16.7%	16.7% #54C3D3	RGB 84 195 211	#54C3D3
33.3%	33.3% #6BCBD9	RGB 107 203 217	#6BCBD9
50.0%	50.0% #82D3DF	RGB 130 211 223	#82D3DF
66.7%	66.7% #99DBE5	RGB 153 219 229	#99DBE5
83.3%	83.3% #B0E3EB	RGB 176 227 235	#B0E3EB
100.0%	100.0% #C7EBF1	RGB 199 235 241	#C7EBF1

#3EBCCE #54C3D3 #6BCBD9 #82D3DF #99DBE5 #B0E3EB #C7EBF1

#3EBCCE - #C7EBF1

Mezcla HSV

#3EBCCE - #C7EBF1 | 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 #3EBCCE como 0% y #C7EBF1 como 100%.

0.0%	0.0% #3EBBCE	RGB 62 187 206	#3EBBCE
16.7%	16.7% #52C3D3	RGB 82 195 211	#52C3D3
33.3%	33.3% #67CAD9	RGB 103 202 217	#67CAD9
50.0%	50.0% #7DD2DF	RGB 125 210 223	#7DD2DF
66.7%	66.7% #95DAE5	RGB 149 218 229	#95DAE5
83.3%	83.3% #ADE2EB	RGB 173 226 235	#ADE2EB
100.0%	100.0% #C7EBF1	RGB 199 235 241	#C7EBF1

#3EBBCE #52C3D3 #67CAD9 #7DD2DF #95DAE5 #ADE2EB #C7EBF1

#3EBCCE - #7DD2DF - #C7EBF1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3EBBCE 0%, #7DD2DF 50%, #C7EBF1 100%);
    background: -webkit-linear-gradient(top, #3EBBCE 0%, #7DD2DF 50%, #C7EBF1 100%);
    background: linear-gradient(to bottom, #3EBBCE 0%, #7DD2DF 50%, #C7EBF1 100%);
}
</style>