#309658 - #C3E1CF | 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 #309658 a #C3E1CF

#309658 #C3E1CF

Calcule el color entre dos colores, #309658 y #C3E1CF. 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)

#309658 - #C3E1CF | 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 #309658 como 0% y #C3E1CF como 100%.

0.0%	0.0% #309658	RGB 48 150 88	#309658
16.7%	16.7% #48A26B	RGB 72 162 107	#48A26B
33.3%	33.3% #61AF7F	RGB 97 175 127	#61AF7F
50.0%	50.0% #79BB93	RGB 121 187 147	#79BB93
66.7%	66.7% #92C8A7	RGB 146 200 167	#92C8A7
83.3%	83.3% #AAD4BB	RGB 170 212 187	#AAD4BB
100.0%	100.0% #C3E1CF	RGB 195 225 207	#C3E1CF

#309658 #48A26B #61AF7F #79BB93 #92C8A7 #AAD4BB #C3E1CF

#309658 - #C3E1CF

Mezcla HSV

#309658 - #C3E1CF | 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 #309658 como 0% y #C3E1CF como 100%.

0.0%	0.0% #309658	RGB 48 150 88	#309658
16.7%	16.7% #42A268	RGB 66 162 104	#42A268
33.3%	33.3% #57AF7A	RGB 87 175 122	#57AF7A
50.0%	50.0% #6FBB8D	RGB 111 187 141	#6FBB8D
66.7%	66.7% #88C8A1	RGB 136 200 161	#88C8A1
83.3%	83.3% #A4D4B7	RGB 164 212 183	#A4D4B7
100.0%	100.0% #C3E1CF	RGB 195 225 207	#C3E1CF

#309658 #42A268 #57AF7A #6FBB8D #88C8A1 #A4D4B7 #C3E1CF

#309658 - #6FBB8D - #C3E1CF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #309658 0%, #6FBB8D 50%, #C3E1CF 100%);
    background: -webkit-linear-gradient(top, #309658 0%, #6FBB8D 50%, #C3E1CF 100%);
    background: linear-gradient(to bottom, #309658 0%, #6FBB8D 50%, #C3E1CF 100%);
}
</style>