#3E9EB6 - #C9DCCB | 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 #3E9EB6 a #C9DCCB

#3E9EB6 #C9DCCB

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

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

0.0%	0.0% #3E9EB6	RGB 62 158 182	#3E9EB6
16.7%	16.7% #55A8B9	RGB 85 168 185	#55A8B9
33.3%	33.3% #6CB2BD	RGB 108 178 189	#6CB2BD
50.0%	50.0% #83BDC0	RGB 131 189 192	#83BDC0
66.7%	66.7% #9AC7C4	RGB 154 199 196	#9AC7C4
83.3%	83.3% #B1D1C7	RGB 177 209 199	#B1D1C7
100.0%	100.0% #C9DCCB	RGB 201 220 203	#C9DCCB

#3E9EB6 #55A8B9 #6CB2BD #83BDC0 #9AC7C4 #B1D1C7 #C9DCCB

#3E9EB6 - #C9DCCB

Mezcla HSV

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

0.0%	0.0% #3E9EB6	RGB 62 158 182	#3E9EB6
16.7%	16.7% #52BABC	RGB 82 186 188	#52BABC
33.3%	33.3% #67C2B3	RGB 103 194 179	#67C2B3
50.0%	50.0% #7EC9AE	RGB 126 201 174	#7EC9AE
66.7%	66.7% #95CFB0	RGB 149 207 176	#95CFB0
83.3%	83.3% #AED5B9	RGB 174 213 185	#AED5B9
100.0%	100.0% #C9DCCB	RGB 201 220 203	#C9DCCB

#3E9EB6 #52BABC #67C2B3 #7EC9AE #95CFB0 #AED5B9 #C9DCCB

#3E9EB6 - #7EC9AE - #C9DCCB

Códigos CSS

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

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