#3096B4 - #C3E1E9 | 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 #3096B4 a #C3E1E9

#3096B4 #C3E1E9

Calcule el color entre dos colores, #3096B4 y #C3E1E9. 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)

#3096B4 - #C3E1E9 | 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 #3096B4 como 0% y #C3E1E9 como 100%.

0.0%	0.0% #3096B4	RGB 48 150 180	#3096B4
16.7%	16.7% #48A2BC	RGB 72 162 188	#48A2BC
33.3%	33.3% #61AFC5	RGB 97 175 197	#61AFC5
50.0%	50.0% #79BBCE	RGB 121 187 206	#79BBCE
66.7%	66.7% #92C8D7	RGB 146 200 215	#92C8D7
83.3%	83.3% #AAD4E0	RGB 170 212 224	#AAD4E0
100.0%	100.0% #C3E1E9	RGB 195 225 233	#C3E1E9

#3096B4 #48A2BC #61AFC5 #79BBCE #92C8D7 #AAD4E0 #C3E1E9

#3096B4 - #C3E1E9

Mezcla HSV

#3096B4 - #C3E1E9 | 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 #3096B4 como 0% y #C3E1E9 como 100%.

0.0%	0.0% #3095B4	RGB 48 149 180	#3095B4
16.7%	16.7% #44A1BC	RGB 68 161 188	#44A1BC
33.3%	33.3% #5AADC5	RGB 90 173 197	#5AADC5
50.0%	50.0% #71BACE	RGB 113 186 206	#71BACE
66.7%	66.7% #8BC6D7	RGB 139 198 215	#8BC6D7
83.3%	83.3% #A6D3E0	RGB 166 211 224	#A6D3E0
100.0%	100.0% #C3E1E9	RGB 195 225 233	#C3E1E9

#3095B4 #44A1BC #5AADC5 #71BACE #8BC6D7 #A6D3E0 #C3E1E9

#3096B4 - #71BACE - #C3E1E9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3095B4 0%, #71BACE 50%, #C3E1E9 100%);
    background: -webkit-linear-gradient(top, #3095B4 0%, #71BACE 50%, #C3E1E9 100%);
    background: linear-gradient(to bottom, #3095B4 0%, #71BACE 50%, #C3E1E9 100%);
}
</style>